English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propriété de marge CSS définit les marges extérieures sur les quatre côtés de l'élément. C'estmarge-top，marge-right，marge-bottometmarge-leftPropriété abrégée de l'attribut.
Le tableau suivant présente les instructions d'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.
| Valeur par défaut : | 0 |
|---|---|
| Appliqué à : | Tous les éléments, mais table displayLes éléments de type autres que. table- caption table inline-table. Il est également applicable à ::first-letter。 |
| Héritage : | Non |
| Animable : | Est.Veuillez consulter Attributs d'animation。 |
| Version : | CSS 1，2，3 |
| JavaScript syntaxe : | object.style.margin="20px 15px" |
La syntaxe de cette propriété est la suivante :
marge: [ length | percentage | auto ] 1 to 4 values | initial | inherit
Les exemples suivants montrent comment utiliser la propriété margin.
h1 {
marge: 25px;
}
p {
marge: 50px 100px;
}Vérifiez et voyez‹/›Ce raccourci peut être utilisé avec une, deux, trois ou quatre valeurs séparées par des espaces.
Si définiesUne valeurCette marge s'applique à toutes les quatre faces.
Si définiesDeux valeursSi la première valeur est appliquée au sommet et en bas, la deuxième valeur est appliquée à droite et à gauche.
Trois valeurs respectivementAppliquée au sommet, horizontal (c'est-à-dire à droite et à gauche) et en bas.
Quatre valeursAppliquée en premier lieu au sommet, à droite, en bas et à gauche.
Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| marge-top | Définir la marge supérieure de l'élément. |
| marge-right | Définir la marge droite de l'élément. |
| marge-bottom | Définir la marge inférieure de l'élément. |
| marge-left | Définir la marge de gauche de l'élément. |
| initial | Réinitialisez cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise les valeurs des marges de l'élément parent. |
Compatibilité des navigateurs pour la propriété margin, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Veuillez consulter les tutoriels suivants :Marges CSS，Modèle de boîte CSS。
Propriétés associées :marge-top，marge-right，marge-bottom，marge-left。