CSS marge

Les propriétés de marge CSS définir l'espace autour des éléments.

---

Marge

La marge efface une zone autour d'un élément (en dehors de la frontière). La marge n'est pas une couleur de fond, et est complètement transparent.

La marge du haut, droite, bas, gauche et peut être modifiée indépendamment en utilisant les propriétés distinctes. Une propriété de marge raccourci peut aussi être utilisé pour modifier toutes les marges à la fois.

Valeurs possibles

Valeur	Description
auto	Le navigateur calcule une marge
longueur	Indique une marge en px, pt, cm, valeur par défaut est 0px etc
%	Spécifie une marge en pour cent de la largeur de l'élément conteneur
hériter	Indique que la marge doit être héritée de l'élément parent

 Il est possible d'utiliser des valeurs négatives, à se chevaucher contenu.

---

Marge - côtés individuels

En CSS, il est possible de spécifier des marges différentes pour différentes parties:

Exemple

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

Essayez vous-même »

---

Marge - Sténographie la propriété

Pour raccourcir le code, il est possible de spécifier toutes les propriétés de marge dans une propriété. C'est ce qu'on appelle un raccourci.

La propriété raccourcie pour toutes les propriétés de marge est "la marge":

Exemple

margin:100px 50px;

Essayez vous-même »

La propriété margin peut avoir de une à quatre valeurs.

• margin: 25px 50px 75px 100px;
  • marge supérieure est 25px
  • marge de droite est 50px
  • marge du bas est 75px
  • marge de gauche est 100px
• margin: 25px 50px 75px;
  • marge supérieure est 25px
  • marges gauche et droite sont 50px
  • marge du bas est 75px
• margin: 50px 25px;
  • marges supérieure et inférieure sont 25px
  • marges gauche et droite sont 50px
• margin: 25px;
  • les quatre marges sont 25px

---

Exemples

Définir la marge supérieure d'un texte en utilisant une valeur cm
Cet exemple montre comment définir la marge du haut d'un texte en utilisant une valeur cm.

Définir la marge du bas d'un texte en utilisant une valeur pour cent
Cet exemple montre comment définir la marge du bas en pour cent, par rapport à la largeur de l'élément contenant.

---

Toutes les propriétés CSS margin

Propriété	Description
marge	Un raccourci pour la définition des propriétés de marge dans une déclaration
margin-bottom	Définit la marge inférieure d'un élément
marge gauche	Règle la marge gauche d'un élément
margin-right	Définit la marge de droite d'un élément
margin-top	Définit la marge du haut d'un élément