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
displaytypes other thantable-caption,tableandinline-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) |