Propriété CSS padding-block-start

Page précédente padding-block-end
Page suivante padding-bottom

Définition et utilisation

de l'élément padding-block-start se réfère à l'espace entre le bord et le contenu à l'origine de la direction en bloc.

CSS padding-block et padding-inline les attributs sont similaires aux attributs 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.

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

Exemple

Exemple 1

Définir la marge intérieure à l'origine de la direction en bloc.

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

Essayer par vous-même

Exemple 2

Définir le <div> élément writing-mode Lorsque l'attribut est réglé sur vertical-rl, la direction des blocs est de droite à gauche. Le résultat est que la position de départ de l'élément se déplace vers la droite :

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

Essayer par vous-même

Syntaxe CSS

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

Valeur de l'attribut

Valeur	Description
auto	Par défaut. La valeur par défaut de padding-block-start de l'élément.
length	Définir padding-block-start en px, pt, cm, etc. Les valeurs négatives ne sont pas autorisées. Voir :Unités CSS.
%	Définir padding-block-start en pourcentage de la taille de l'élément parent dans la direction en ligne.
initial	Réinitialise cette propriété à sa valeur par défaut. 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.paddingBlockStart="100px"