Propriété padding-top de CSS

Définition et utilisation

L'attribut paddingTop définit l'espace de la marge interne supérieure de l'élément.

Explication

Cette propriété définit la largeur de la marge interne supérieure de l'élément. La marge interne supérieure des éléments en ligne non substitués n'affecte pas le calcul de la hauteur de ligne, donc, si un élément a à la fois de la marge interne et un fond, il peut sembler s'étendre à d'autres lignes et pourrait même se chevaucher avec d'autres contenus. Les valeurs de marge interne négatives ne sont pas autorisées.

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

Voir également :

Tutoriel CSS :Marge interne CSS

Guide de référence HTML DOM :Attribut paddingTop

Exemple

Définir la marge interne supérieure des éléments p :

p
  {
  padding-top:2cm;
  }

Essayez vous-même

Vous trouverez d'autres exemples en bas de la page.

Syntaxe CSS

padding-top: length|initial|hériter;

Valeur de l'attribut

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

Détails techniques

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

Exemple TIY

Définir la marge interne supérieure 1
Cet exemple montre comment utiliser les valeurs en centimètres pour définir la marge interne supérieure des cellules.
Définir la marge interne supérieure 2
Cet exemple montre comment utiliser les pourcentages pour définir le haut de la marge interne des cellules.

Prise en charge du navigateur

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

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