Propriété CSS padding-left

Définition et utilisation

L'attribut padding-left définit la largeur de la marge interne gauche de l'élément (espace).

Explication

Cette propriété définit la largeur de la marge interne gauche de l'élément. La marge interne gauche définie sur un élément inline non substituable apparaît uniquement à gauche du premier cadre inline généré par l'élément.

Remarque :Les valeurs négatives ne sont pas autorisées.

Voir également :

Tutoriel CSS :Marge interne CSS

Manuel de référence HTML DOM :Attribut paddingLeft

Exemple

Définir la marge interne gauche de l'élément p :

p
  {
  padding-left:2cm;
  }

Essayer par toi-même

(Plus d'exemples peuvent être trouvés en bas de la page)

Syntaxe CSS

padding-left: length|initial|hérité;

Valeur de l'attribut

Valeur Description
length Définit une valeur de marge interne gauche fixe en unité spécifique, comme des pixels, des centimètres, etc. La valeur par défaut est 0px.
% Définit une marge interne gauche en pourcentage de la largeur de l'élément parent. Cette valeur ne fonctionne pas comme prévu dans tous les navigateurs.
hérité Définit que la marge interne gauche doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : 0
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.paddingLeft="10px"

Essayer par toi-même

Définir la marge interne gauche 1
Cet exemple montre comment utiliser une valeur en cm pour définir la marge interne gauche de la cellule.
Définir la marge interne gauche 2
Cet exemple montre comment utiliser un pourcentage pour définir la marge interne gauche de la cellule.

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5