Propriété CSS padding-bottom
- page précédente padding-block-start
- Page suivante padding-inline
Définition et utilisation
L'attribut paddingBottom définit la marge interne inférieure de l'élément (espace vide en bas).
Explication
Cette propriété définit la largeur de la marge interne inférieure de l'élément. La marge interne inférieure d'un élément inline non substituable n'affecte pas le calcul de la hauteur de ligne, donc, si un élément a à la fois une marge interne et un arrière-plan, il peut sembler s'étendre à d'autres lignes et pourrait même chevaucher d'autres contenus. Les valeurs de marge interne négative ne sont pas autorisées.
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 paddingBottom
Exemple
Définir la marge interne inférieure des éléments p :
p { padding-bottom:2cm; }
(Plus d'exemples peuvent être trouvés en bas de la page)
Syntaxe CSS
padding-bottom: length|initial|hérité;
Valeur de l'attribut
Valeur | Description |
---|---|
length | Définir une valeur de marge interne inférieure fixe en unité spécifique, par exemple en pixels, en centimètres, etc. La valeur par défaut est 0px. |
% | Définir une marge interne inférieure en pourcentage de la largeur de l'élément parent. Cette valeur ne fonctionne pas comme prévu dans tous les navigateurs. |
hérité | Il est stipulé que la marge interne inférieure 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.paddingBottom="10px" |
Essayer par vous-même
- Définir la marge interne inférieure 1
- Cet exemple montre comment utiliser des centimètres pour définir la marge interne inférieure des cellules.
- Définir la marge interne inférieure 2
- Cet exemple montre comment utiliser un pourcentage pour définir la marge interne inférieure des cellules.
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 |
- page précédente padding-block-start
- Page suivante padding-inline