margin

Hérité : non   -   Compatibilité : FF, Mozilla, Opera, Safari IE 4,5,6,7 - CSS 1

Cette forme courte de propriété permet de définir, à l'aide d'une seule instruction, plusieurs marges (jusqu'à quatre) d'un élément. Une marge est un espace vide situé à l'extérieur de la bordure d'un élément et qui sépare ce dernier des éléments avoisinants ou imbriqués, surtout ceux dotés eux-mêmes de bordures.

Vous pouvez spécifier entre une et quatre valeurs de marge, séparées par des espaces. Le nombre de valeurs spécifiées détermine à quelles marges ces valeurs doivent être appliquées.

Syntaxe CSS
margin: épaisseur | auto {1,4}
Valeur(s) possible(s) pour cette propriété :

Cette propriété accepte une, deux, trois ou quatre valeurs, selon le nombre et le type de marges que vous souhaitez définir. La propriété "épaisseur"peut avoir pour valeur une longueur, un pourcentage de la taille de l'élément parent immédiat ou la constante auto. Les valeurs spécifiées sont interprétées de la façon suivante:

Nombre de valeursEffet
1La valeur est appliquée aux quatre marges
2La première valeur est appliquée aux marges du haut et du bas, et la seconde valeur aux marges de droite et de gauche
3La première valeur est appliquée à la marge du haut, la seconde aux marges de droite et de gauche, et la troisième à la marge du bas
4Chaque valeur est appliquée, respectivement, à la marge du haut, de droite, du bas et de gauche
Valeur initiale

0

Exemple
p.highlight {margin: 10px 20px}
S'applique à 

Tous les éléments.

Javascript
[window.]document .getElementById("elementID") .style .margin

bottom
clear
clip
display
float
height
left
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
min-height
max-width
min-width
padding
padding-bottom
padding-left
padding-right
padding-top
position
right
text-align -top
vertical-align
width
z-index




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu