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

manuel de référence CSS

règle CSS @

大全 des propriétés CSS

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

padding-La propriété top CSS définit le remplissage du sommet, c'est-à-dire l'espace entre la limite supérieure et le contenu d'un élément. Cependant, dans de nombreux cas, l'abréviation de la syntaxe CSS abrégéepaddingPlus facile à utiliser 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, sauf<tbody><thead><tfoot><tr><colgroup>et<col>。Il s'applique également à::first-letter
Héritage :Non
Animable :Oui.Veuillez vous référer à Propriétés animées
Version :CSS 1,2,3
Syntaxe JavaScript :object.style.paddingTop="2cm"

padding-Syntaxe de l'utilisation de top

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

padding-top: length | percentage | initial | inherit

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

  h1 {
   padding-top: 2em;
  }
  p {
   padding-top: 50px;
  }
Vérifiez ici‹/›

Valeur de l'attribut

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

ValeurDescription
lengthValeur numérique exprimée en px, pt, cm, em, etc., les valeurs négatives ne sont pas autorisées.
percentageSpécifier un remplissage en pourcentage. Le pourcentage est calculé par rapport à la largeur de la boîte englobante de l'élément. Les valeurs de pourcentage négatives 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é top.

Compatibilité du navigateur

padding-La compatibilité du navigateur pour la propriété top, 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 davantage

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

Propriétés associées :paddingpadding-rightpadding-bottompadding-left