Propriété CSS padding-left

La propriété CSS padding-left définit la zone de remplissage sur le côté gauche 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. Elle est aussi appliquée au pseudo-élément ::first-letter.
Héritée Non.
Animable Oui. La zone de remplissage est animable.
Version CSS1
Syntaxe DOM object.style.paddingLeft = "40px";

Syntaxe

padding-left: length | initial | inherit;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      p {
      border: 2px solid #000; 
      color: #1c87c9;
      padding-left: 100px;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété padding-left</h2>
    <p>Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.</p>
  </body>
</html>

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

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      p {
      border: 2px solid #000; 
      color: #1c87c9;
      padding-left: 3cm;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété padding-left</h2>
    <p>Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.</p>
  </body>
</html>

Valeurs

Valeur Description
length Définit le remplissage gauche en px, pt, cm, etc. La valeur initiale est 0px.
% Définit le remplissage gauche 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.

Support de Navigateurs

1.0+ 1.0+ 1.0+ 3.5+


Trouvez-vous cela utile?

Articles Associées