Propriété de remplissage CSS est utilisé pour définir l'espace entre le contenu de l'élément et la bordure de l'élément .
Elle diffère de la marge CSS dans la manière dont la marge CSS définit l'espace autour des éléments. Le remplissage CSS est affecté par les couleurs d'arrière-plan. Cela libère une zone autour du contenu.
Les remplissages supérieur, inférieur, gauche et droit peuvent être modifiés indépendamment à l’aide de propriétés distinctes. Vous pouvez également modifier toutes les propriétés en même temps en utilisant la propriété padding raccourcie.
Propriétés de remplissage CSS
| Propriété | Description |
|---|---|
| rembourrage | Il est utilisé pour définir toutes les propriétés de remplissage dans une seule déclaration. |
| rembourrage-gauche | Il est utilisé pour définir le remplissage gauche d'un élément. |
| rembourrage à droite | Il est utilisé pour définir le remplissage correct d'un élément. |
| dessus de rembourrage | Il est utilisé pour définir le remplissage supérieur d'un élément. |
| fond de rembourrage | Il est utilisé pour définir le remplissage inférieur d'un élément. |
Valeurs de remplissage CSS
| Valeur | Description |
|---|---|
| longueur | Il est utilisé pour définir un remplissage fixe en pt, px, em etc. |
| % | Il définit le remplissage en% de l'élément contenant. |
Exemple de remplissage CSS
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p> Testez-le maintenant Sortir:
Il s'agit d'un paragraphe sans remplissage spécifié.
Il s'agit d'un paragraphe avec des remplissages spécifiés.