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


Ce site vous a plu ? Visitez aussi : L'annuaire ultra-sélectif pour webmasters 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 - Vérifier l'orthographe avec RankSpirit et "BonPatron"
conception :
Design de sites Web
Raccourcis
Accueil Recherche ImprimerImprimer Aller au contenuHaut de page Page précédente Page suivante liens d'évitement et raccourcis clavierAccessibilité Droits de copieCopyrights ContactContact Aller au menu
Dans la même famille : Sites favoris :