English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règle @ RULES CSS

大全 des propriétés CSS

CSS padding-Méthode d'utilisation et exemple de la propriété left

padding-La propriété left CSS définit le remplissage à gauche, c'est-à-dire l'espace entre la bordure de gauche et le contenu de l'élément. Cependant, dans de nombreux cas, l'abréviation de syntaxe CSS abrégéepaddingPlus couramment utilisé et plus souhaitable.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.

Valeur par défaut :0
Applicable à :Tous les éléments, à l'exception de<tbody><thead><tfoot><tr><colgroup>et<col>::first-letter
Héritage :Non
Animable :Est-ce que.Veuillez consulter Attributs d'animation
Version :CSS 1,2,3
Syntaxe JavaScript :object.style.paddingLeft="2em"

padding-Syntaxe d'utilisation de left

La syntaxe de cette propriété est la suivante :

padding-left: length | percentage | initial | inherit

Les exemples suivants montrent comment utiliser padding-propriété left.

  h1 {
   padding-left: 2em;
  }
  p {
   padding-left: 50px;
  }
Vérifiez et voyez‹/›

Valeur de la propriété

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
lengthValeur numérique en px, pt, cm, em, etc., les valeurs négatives ne sont pas autorisées.
percentageSpécifier un remplissage en pourcentage. Calculé en pourcentage de la largeur du bloc englobant de l'élément. Les valeurs en pourcentage négatif ne sont pas autorisées.
initialDéfinir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise le padding de son élément parent-Valeur de la propriété left.

Compatibilité du navigateur

padding-Compatibilité du navigateur pour la propriété left, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Pour en savoir plus

Voir les tutoriels suivants :Remplissage CSSModèle de boîte CSS

Propriétés associées :paddingpadding-toppadding-rightpadding-bottom