Propriété CSSmargin


Exemple

Définir les quatre marges d'un élément p :

p
{
margin:2cm 4cm 3cm 4cm;
}

Essayez-le vous-même »

Définition de la propriété et instructions d'utilisation

La propriété raccourcie margin définit toutes les propriétés de marge en une seule déclaration. Cette propriété peut avoir de 1 à 4 valeurs.

Exemple :

  • margin:10px 5px 15px 20px;
    • La marge supérieure est de 10px
    • La marge droite est de 5px
    • La marge inférieure est de 15px
    • La marge gauche est de 20px

  • margin:10px 5px 15px;
    • La marge supérieure est de 10px
    • Les marges droite et gauche sont de 5px
    • La marge inférieure est de 15px

  • margin:10px 5px;
    • Les marges supérieure et inférieure sont de 10px
    • Les marges droite et gauche sont de 5px

  • margin:10px;
    • Les quatre marges sont de 10px

Remarque :Les valeurs négatives sont autorisées.

Valeur par défaut : 0
Héritée : non
version : CSS1
Syntaxe JavaScript : object.style.margin="10px 5px"

Prise en charge des navigateurs

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.

Propriété
margin 1.0 6.0 1.0 1.0 3.5

Valeur de la propriété

Valeur Description
auto Le navigateur calcule les marges.
longueur Spécifie une valeur de marge dans des unités spécifiques, comme les pixels, les centimètres, etc. La valeur par défaut est 0px.
% Spécifie une marge en pourcentage de la largeur de l'élément parent.
inherit Spécifie que la marge doit être héritée de l'élément parent.

Articles connexes

Tutoriel CSS :Marge CSS

autres extensions