padding-right

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.

Note : La propriété raccourcie padding permet de paramétrer les dimensions des quatre côtés de cette boîte (y compris padding-right donc).

Syntaxe

/* 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;

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. Voir <percentage> pour plus de détails.

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.

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

Compatibilité des navigateurs

Update compatibility data on GitHub

	Ordinateur						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Webview Android	Chrome pour Android	Firefox pour Android	Opera pour Android	Safari sur iOS	Samsung Internet
`padding-right`	Chrome Support complet 1	Edge Support complet 12	Firefox Support complet 1	IE Support complet 4	Opera Support complet 3.5	Safari Support complet 1	WebView Android Support complet ≤37	Chrome Android Support complet 18	Firefox Android Support complet 4	Opera Android Support complet Oui	Safari iOS Support complet 1	Samsung Internet Android Support complet 1.0

Légende

Support complet: Support complet

Voir aussi

Le modèle de boîtes CSS
La propriété raccourcie padding qui permet de paramétrer padding-right, padding-top, padding-bottom et padding-left.