Attribut padding-block-end CSS

Page précédente padding-block
Page suivante padding-block-start

Définition et utilisation

de l'élément padding-block-end signifie l'espace entre le bord de l'élément et le contenu à la fin de la direction en bloc.

CSS padding-block et padding-inline Les attributs sont similaires aux propriétés CSS padding-top,padding-bottom,padding-left et padding-right très semblable, mais padding-block et padding-inline L'attribut dépend de la direction en bloc et en ligne.

Remarque :les propriétés CSS associées writing-mode Définit la direction en bloc. Cela affecte la position de début et de fin du bloc ainsi que padding-block Le résultat de l'attribut. Pour les pages en anglais, la direction en bloc est vers le bas, et la direction en ligne est de gauche à droite.

Exemple

Exemple 1

Définir la marge intérieure à la fin de la direction en bloc :

p {
  padding-block-end: 35px;
}

Essayez-le vous-même

Exemple 2

Définir la propriété writing-mode de l'élément <div> writing-mode Lorsque l'attribut est réglé sur vertical-rl, la direction du bloc est de droite à gauche. Le résultat est que la position de fin de l'élément se déplace de la base à la gauche :

div {
  writing-mode: vertical-rl;
  padding-block-end: 50px;
}

Essayez-le vous-même

Syntaxe CSS

padding-block-end: auto|value|initial|inherit;

Valeur de l'attribut

Valeur	Description
auto	Par défaut. La valeur par défaut de padding-block-end de l'élément.
length	Padding-block-end est spécifié en px, pt, cm, etc. Les valeurs négatives ne sont pas autorisées. Voir :Unités CSS.
%	Padding-block-end est spécifié en pourcentage de la taille de l'élément parent dans la direction en ligne.
initial	Récupère la valeur par défaut de cette propriété. Voir initial.
inherit	Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut :	auto
Héritabilité :	Non
Création d'animation :	Prise en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.paddingBlockEnd="100px"