CSS Padding

Les propriétés de remplissage CSS définir l'espace entre la bordure de l'élément et l'élément de contenu.

---

Rembourrage

Le rembourrage efface une zone autour du contenu (à l'intérieur de la frontière) d'un élément. Le rembourrage est affectée par la couleur de fond de l'élément.

Le rembourrage en haut, droite, bas, gauche et peut être modifiée indépendamment en utilisant les propriétés distinctes. Une propriété padding raccourci peut aussi être utilisé, à changer tous les rembourrages à la fois.

Valeurs possibles

Valeur	Description
longueur	Définit un remplissage fixe (en pixels, pt, em, etc)
%	Définit un remplissage en% de l'élément contenant

---

Rembourrage - côtés individuels

En CSS, il est possible de spécifier rembourrage différente pour différents côtés:

Exemple

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

Essayez vous-même »

---

Rembourrage - Sténographie la propriété

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

La propriété raccourcie pour toutes les propriétés de remplissage est "padding":

Exemple

padding:25px 50px;

Essayez vous-même »

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

• padding: 25px 50px 75px 100px;
  • padding haut est 25px
  • marge droite est 50px
  • padding-bottom est 75px
  • padding gauche est 100px
• padding: 25px 50px 75px;
  • padding haut est 25px
  • rembourrages droite et gauche sont 50px
  • padding-bottom est 75px
• padding: 25px 50px;
  • rembourrages haut et du bas sont 25px
  • rembourrages droite et gauche sont 50px
• padding: 25px;
  • les quatre rembourrages sont 25px

---

Exemples

Toutes les propriétés de remplissage dans une déclaration
Cet exemple démontre un raccourci pour la mise en toutes les propriétés de remplissage dans une déclaration, peut avoir de une à quatre valeurs.

Réglez le padding gauche
Cet exemple montre comment définir le padding gauche de l'élément ap.

Définir la marge droite
Cet exemple montre comment définir la marge droite de l'élément ap.

Définir les marges supérieure
Cet exemple montre comment définir les marges supérieure de l'élément ap.

Réglez le padding-bottom
Cet exemple montre comment définir l'padding-bottom de l'élément ap.

---

Toutes les propriétés CSS Padding

Propriété	Description
rembourrage	Une propriété raccourcie pour définir toutes les propriétés de remplissage dans une déclaration
padding-bottom	Définit le padding-bottom d'un élément
padding-left	Définit l'espacement gauche d'un élément
padding-right	Définit la marge droite d'un élément
padding-top	Définit l'espacement supérieure d'un élément