propriété border-block-start-style CSS

Page précédente border-block-start-color
Page suivante border-block-start-width

Définition et utilisation

les propriétés CSS associées Les attributs CSS sont utilisés pour définir le style de bord de l'élément au début de la direction en bloc.

CSS les propriétés CSS associées les attributs et les attributs CSS border-bottom-style、border-left-style、border-left-style 、 border-right-style et les propriétés CSS associées border-top-style

Très similaire, maisL'attribut dépend de la direction en bloc. Exemple 2 : combinaison de l'attribut writing-mode Attention : les propriétés CSS associées Définit la direction en bloc. Cela affecte la position de début et de fin du bloc ainsi que

border-block-start-style

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

writing-mode
  div {
writing-mode: vertical-rl;

border-block-start-style: dotted;

Exemple 1

Définissez le style de bord à l'origine de la direction en bloc : Exemple 2 : combinaison de l'attribut writing-mode La position de la style de bord à l'origine de la direction en bloc est affectée par

writing-mode
  Impact de l'attribut :
  div {
writing-mode: vertical-rl;

border-block-start-style: dotted;

}

Essayez-le vous-même

Syntaxe CSS

border-block-start-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Valeur de l'attribut
none	Valeur
Description	Valeur par défaut. Spécifiez une bordure invisible.
hidden	Similaire à "none", mais différent dans la résolution des conflits de bordure des éléments de tableau.
dashed	Spécifiez un bord pointillé.
solid	Spécifiez un bord solide.
double	Spécifiez un bord double.
groove	Spécifiez un bord en rainure 3D. L'effet dépend de la valeur de border-color.
ridge	Spécifiez un bord ondulé 3D. L'effet dépend de la valeur de border-color.
inset	Spécifiez un bord encastré 3D. L'effet dépend de la valeur de border-color.
outset	Spécifiez un bord bombé 3D. L'effet dépend de la valeur de border-color.
initial	Règle 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 :	none
Héritabilité :	Non
Création d'animation :	Non pris en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.borderBlockStartStyle="dotted"