Attribut inset-block-start CSS

Recommandation de cours :

inset-block-start Définition et utilisation

Remarque :Définit et utilise l'attribut pour définir la distance entre le point de départ de l'élément dans la direction du bloc et l'élément parent. Pour que cette propriété soit prise en compte, il est nécessaire de spécifier position

Les attributs de inset-inline et Les attributs de inset-block Les attributs sont associés à la position CSS haut,bas,gauche et droite sont très similaires, mais Les attributs de inset-block et inset-inline L'attribut dépend de la direction du bloc et de la direction de lecture.

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

Exemple

Exemple 1

Définissez la distance entre le point de départ de l'élément <div> positionné et l'élément parent dans la direction du bloc :

div {
  inset-block-start: 50px;
}

Essayez-le vous-même

Exemple 2

Lorsque l'élément <div> est writing-mode Lorsque la valeur de l'attribut est vertical-rl, la direction du bloc est de droite à gauche. Le résultat est que le point de départ de l'élément se déplace vers la droite :

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

Essayez-le vous-même

Syntaxe CSS

inset-block-start: auto|length|initial|inherit;

Valeur de l'attribut

Détails techniques

Support du navigateur

Les nombres dans le tableau représentent la version du navigateur qui prend en charge cette propriété pour la première fois.

Pages associées

Tutoriel :Positionnement CSS

Référence :Propriété position de CSS

Référence :Attribut writing-mode CSS