Le meilleur didacticiel propriété de marge CSS en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,Définition des attributs et des instructions,support du navigateur,Valeur de la propriété,articles connexes,

propriété de marge CSS

Exemples

Un élément de p fixé les quatre marges:

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

Essayez »

Définition des attributs et des instructions

propriété marge abrégée fixe toutes les propriétés de marge dans une déclaration. Cette propriété peut avoir la valeur 1-4.

exemple:

  • margin: 10px 5px 15px 20px;
    • Les marges sont 10px
    • Marge de droite est 5px
    • Des marges plus faibles sont 15px
    • La marge gauche est 20px

  • margin: 10px 5px 15px;
    • Les marges sont 10px
    • Sur les marges de droite et de gauche sont 5px
    • Des marges plus faibles sont 15px

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

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

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

Par défaut: 0
Héritage: aucun
Version: CSS1
Syntaxe JavaScript: objet .style.margin = "5px 10px"


support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.

属性
margin 1.0 6.0 1.0 1.0 3.5

Valeur de la propriété

valeur description
auto Navigateur calculé la marge.
longueur En particulier, l'Unité des dispositions de la marge de valeur, tels que les pixels, centimètres, et analogues. La valeur par défaut est 0px.
% Sur la base d'un pourcentage prédéterminé de l'élément parent marges de largeur.
hériter La marge des dispositions devrait hériter de l'élément parent.


articles connexes

Tutoriel CSS: Marge de CSS

propriété de marge CSS
10/30