mozilla

margin-top

Résumé

La propriété CSS margin-top permet de définir une marge extérieure en haut d'un élément.

  • Valeur initiale 0
  • S'applique à all elements except elements with table display types other than table-caption, table and inline-table
  • Héritée non
  • Pourcentages se rapporte à la largeur du bloc contenant
  • Média visual
  • Valeur calculée le pourcentage tel que spécifé ou une longeur absolue
  • Animable oui, comme une longueur
  • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

margin-top: <longueur> | <pourcentage> | inherit | auto;

Valeurs

Les valeurs négatives sont autorisées.

<longueur>
Spécifie une valeur fixe. Pour les unités, voir <longueur>.
<pourcentage>
Spécifie un pourcentage.
auto
Une valeur est automatiquement calculée.

Exemples

.content { margin-top: 5%; }
.sidebox { margin-top: 10px; }
.logo { margin-top: -5px; }
#header { margin-top: 1em; }
margin-left: -25px;
background: gold;
width: 200px;
margin-left: 5%;
background: gold;
width: 15em;

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support de base  1.0 1.0 (1.0) 3.0 3.5 1.0 (85)
Valeur auto  1.0 1.0 (1.0) 6.0 (strict mode) 3.5 1.0 (85)

Spécifications

Voir également

margin ; margin-bottom ; margin-left ; margin-right

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, the prisoner, FredB
Dernière mise à jour par : teoli,
Masquer la barre latérale