Marge CSS (marge)

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 ;

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.