La propriété padding-right d'un élément correspond à l'espace nécessaire à la droite d'un élément. La zone de remplissage correspond à l'espace entre le contenu et la bordure. padding-right ne peut pas recevoir de valeurs négatives.
/* Valeurs de longueur */ /* Type <length> */ padding-right: 0.5em; padding-right: 0; padding-right: 2cm; /* Valeurs de proportions */ /* Type <percentage> */ padding-right: 10%; /* Valeurs globales */ padding-right: inherit; padding-right: initial; padding-right: unset;
| Valeur initiale | 0 |
|---|---|
| Applicabilité | tous les éléments exceptés table-row-group, table-header-group, table-footer-group, table-row, table-column-group et table-column. S'applique aussi à ::first-letter. |
| Héritée | non |
| Pourcentages | se rapporte à la largeur du bloc contenant |
| Média | visuel |
| Valeur calculée | le pourcentage tel que spécifé ou une longeur absolue |
| Type d'animation | une longueur |
| Ordre canonique | l'ordre unique et non-ambigu défini par la grammaire formelle |
Syntaxe
Valeurs
<length>- Cette valeur définit une largeur positive. Voir
<length>pour plus de détails. <percentage>- Un pourcentage en rapport avec la largeur du bloc englobant.
Syntaxe formelle
<length> | <percentage>
Exemples
HTML
<p class="padd"> Elle n’avait pas bu la moitié de la bouteille, que sa tête touchait au plafond et qu’elle fut forcée de se baisser pour ne pas se casser le cou. </p>
CSS
.padd {
padding-right: 20%;
border: solid 1px;
}
Résultat
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| CSS Basic Box Model La définition de 'padding-right' dans cette spécification. |
Version de travail | Aucun changement. |
| CSS Transitions La définition de 'padding-right' dans cette spécification. |
Version de travail | padding-right peut désormais être animée. |
| CSS Level 2 (Revision 1) La définition de 'padding-right' dans cette spécification. |
Recommendation | Aucun changement. |
| CSS Level 1 La définition de 'padding-right' dans cette spécification. |
Recommendation | Définition initiale. |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Edge | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Support simple | 1.0 | 1.0 (1.0) | (Oui) | 4.0 | 3.5 | 1.0 (85) |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | Edge | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Support simple | ? | ? | (Oui) | ? | ? | ? |