Propriété CSS padding-right

La propriété CSS padding-right définit la zone de remplissage sur le côté droit d'un élément.

Valeurs négatives ne sont pas valides.

Cette propriété n'a aucun effet sur les éléments en ligne (inline), comme <span>.

Valeur initiale	0
Appliquée à	Tous les éléments, sauf quand la propriété display est définie à 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.
Animable	Oui. La zone de remplissage est animable.
Version	CSS1
Syntaxe DOM	object.style.paddingRight = "40px";

Syntaxe

padding-right: length | initial | inherit;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      p {
      border: 2px solid #000; 
      color: #8ebf42;
      padding-right: 100px;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété padding-right</h2>
    <p>Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500...</p>
  </body>
</html>

Essayez-vous-même!

Un autre exemple, dans lequel la zone de remplissage est définie à "100pt":

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      p {
      border: 2px solid #000; 
      color: #8ebf42;
      padding-right: 100pt;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété padding-right</h2>
    <p>Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500...</p>
  </body>
</html>

Essayez-vous-même!

Valeurs

Valeurs	Description
length	Définit le remplissage droit en px, pt, cm, etc. La valeur initiale est 0px.
%	Définit le remplissage droit en % de la largeur de l'élément contenu.
initial	Fait utiliser la valeur initiale.
inherit	Hérite la propriété de son élément parent.