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

manuel de référence CSS

règles CSS @RULES

大全 des propriétés CSS

Méthode d'utilisation et exemples de l'attribut padding CSS

L'attribut de remplissage CSS peut définir le remplissage sur les quatre côtés de l'élément. C'estpadding-toppadding-rightpadding-bottometpadding-leftAbréviation de l'attribut.

Le tableau suivant contient les instructions d'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe d'utilisation de cet attribut dans les scripts JavaScript.

Valeur par défaut :0
Appliqué à :Tous les éléments, excepté<tbody><thead><tfoot><tr><colgroup>et<col>。Il s'applique également à::first-letter
Héritage :Non
Animable :Oui.Voir également Attributs d'animation
Version :CSS 1,2,3
Syntaxe JavaScript :object.style.padding="20px 15px"

Syntaxe de l'utilisation de padding

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

padding: [ length | percentage] 1 to 4 values | initial | inherit

Les exemples suivants montrent comment utiliser l'attribut padding.

  p.one {
   padding: 20px;
  }
  p.two {
   padding: 35px 15px;
  }
Vérifiez‹/›

Ce raccourci abrégé peut être utilisé avec une, deux, trois ou quatre espaces séparés.

  • Si définieUne valeuralors ce remplissage s'applique à toutes4faces.

  • Si définiesDeux valeursSi deux valeurs sont définies, la première valeur s'applique en haut et en bas, et la deuxième valeur s'applique à droite et à gauche.

  • Trois valeurs respectivementAppliquée en haut, horizontalement (c'est-à-dire à droite et à gauche) et en bas.

  • Quatre valeursAppliquée en premier lieu en haut, à droite, en bas et à gauche.

Valeur de l'attribut

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

ValeurDescription
padding-topDéfinir le remplissage au sommet de l'élément.
padding-rightDéfinir le remplissage à la droite de l'élément.
padding-bottomDéfinir le remplissage au bas de l'élément.
padding-leftDéfinir le remplissage à la gauche de l'élément.
initialDéfinir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la valeur de l'attribut padding de son élément parent.

Compatibilité du navigateur

Compatibilité des navigateurs pour l'attribut padding, 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+

Lire la suite

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

Attributs associés :padding-toppadding-rightpadding-bottompadding-left