CSS Margin (margin)
La propriété CSS Margin (margin) définit l'espace autour d'un élément.
Marge
margin efface la zone autour de l'élément (bordure extérieure). La marge n'a pas de couleur d'arrière-plan et est complètement transparente.
la marge peut modifier indépendamment les marges supérieure, inférieure, gauche et droite de l'élément. Il est également possible de modifier toutes les propriétés en même temps.
Marge
La marge est "l'espace blanc" supplémentaire entourant la bordure, qui est transparente et invisible. La valeur est une valeur de longueur ou un pourcentage composé d'un nombre à virgule flottante et d'un identifiant d'unité.
Exemple de définition de la marge :
dev{ margin: 5px 2px 5px 2px }
Cet exemple définit la marge de l'élément div à partir de "top -Right-" En bas à gauche" dans la séquence est "5px 2px 5px 2px", et la séquence de réglage doit être exécutée dans le sens des aiguilles d'une montre à partir du haut. Si une seule valeur est définie, elle s’appliquera aux côtés supérieur, inférieur, gauche et droit.
Cet attribut peut également prendre la valeur "auto", ce qui signifie que le système attribue une valeur par défaut.
Abréviation de l'affectation
dev{ margin : 5px 2px 5px 2px ;
peut être abrégé comme suit :
dev{ margin: 5px 2px; ;
Dans cet exemple, les valeurs de la marge inférieure et de la marge droite sont manquantes. Le système utilisera automatiquement la valeur de la marge supérieure comme valeur de marge inférieure et la valeur de marge droite comme valeur. la marge gauche.
L'attribut margin peut avoir une à quatre valeurs. /p>
marge :25px 50px 75px 100px;
La marge supérieure est de 25px
La marge de droite est de 50px
La marge inférieure est de 75px
La marge de gauche est de 100px
margin:25px 50px 75px;
La marge supérieure est de 25px
Les marges gauche et droite font 50px
La marge inférieure est de 75px
margin:25px 50px;
Les marges supérieure et inférieure sont de 25px
La gauche et la droite les marges sont de 50px
margin:25px ;
Les 4 marges sont de 25px
La règle actuelle de l'abréviation d'affectation est :
Si la valeur du bas marge est manquante, la marge supérieure est utilisée Valeurs
Si la valeur de la marge gauche est manquante, la valeur de la marge droite est utilisée
Si une seule valeur est donnée, celle la valeur est appliquée à chaque marge
Attributs composites
Cet attribut est un attribut composite et les marges de chaque orientation peuvent être spécifiées séparément.
Description de l'attribut composé de marge :
Conseils
Lors de la définition de l'attribut d'arrière-plan d'un élément, l'arrière-plan ne peut pas être posé sur la marge extérieure (marge), mais il peut être posé sur la marge intérieure (remplissage).
Padding
Le rembourrage fait référence à la partie située entre la bordure et le contenu d'un élément. La valeur est une valeur de longueur ou un pourcentage composé d'un nombre à virgule flottante et d'un identifiant d'unité, mais ne peut pas être négative.
Le rembourrage est également un attribut composite. Vous pouvez également définir le rembourrage de 4 côtés séparément : padding-top, padding-right, padding-bottom et padding-left. L'utilisation du remplissage est similaire à celle des marges. Veuillez vous référer à la syntaxe des marges et n'entrerai pas dans les détails ici.
section suivante