Attribut border-block-start-width CSS

page précédente border-block-start-style
page suivante border-block-style

Définition et utilisation

border-block-start-width Définit l'épaisseur de la bordure de début de direction en bloc de l'élément.

Remarque :Pour que border-block-start-width Pour que l'attribut prenne effet, il est nécessaire de définir border-block-start-style propriétés.

CSS border-block-start-width Les attributs et les propriétés CSS border-bottom-width,border-left-width,border-right-width et border-top-width Très semblable, mais border-block-start-width L'attribut dépend de la direction en bloc.

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 border-block-start-width Résultat de l'attribut. Pour les pages en anglais, la direction en ligne est de gauche à droite, et la direction en bloc est vers le bas.

Exemple

Exemple 1

Définir la largeur de la bordure de début de direction en bloc :

div {
  border-block-start-style: solid;
  border-block-start-width: 10px;
}

Essayez-le vous-même

Exemple 2 : combinaison de l'attribut writing-mode

La position de la largeur de la bordure de début de direction en bloc est influencée par writing-mode Impact de l'attribut :

div {
  border-block-start-style: solid;
  writing-mode: vertical-rl;
  border-block-start-width: 5px;
}

Essayez-le vous-même

Syntaxe CSS

border-block-start-width: medium|thin|thick|length|initial|inherit;

Valeur de l'attribut

Valeur	Description
medium	Spécifie une largeur de bordure moyenne. Valeur par défaut.
thin	Spécifie une bordure fine.
thick	Spécifie une bordure épaisse.
length	Vous permet de définir l'épaisseur de la bordure. Voir également :Unités CSS.
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 :	medium
Héritabilité :	Non
Création d'animation :	Pris en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.borderBlockStartWidth="10px"