Attribut border-block-style CSS

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

Définition et utilisation

les propriétés CSS associées La propriété définit le style de bord d'un élément dans la direction du bloc.

les propriétés CSS associées La valeur de la propriété peut être définie de différentes manières :

Si les propriétés CSS associées La propriété a deux valeurs :

border-block-style: solid;

Le style de bord au début du bloc est en tiret
Le style de bord à la fin du bloc est en pointillés

Si les propriétés CSS associées La propriété a une valeur :

border-block-style: dashed;

Les styles de bord au début et à la fin des blocs sont tous en tiret

CSS les propriétés CSS associées propriétés CSS et propriétés des styles de bord border-bottom-style、border-left-style、border-right-style et border-top-style 非常相似，但 les propriétés CSS associées 属性依赖于块方向。

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

border-block-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

Exemple 1
  Définir le style de bordure dans la direction en bloc :
writing-mode: vertical-rl;
#example1 {
  border-block-style: solid;
writing-mode: vertical-rl;

border-block-style: dotted;

#example2 {

border-block-style: dashed dotted; Exemple 2 : combinaison de l'attribut writing-mode La position des bordures à l'origine et à la fin de la direction en bloc est déterminée par

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

border-block-style: dotted;

}

Essayer par vous-même

Syntaxe CSS

border-block-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Valeur de l'attribut
none	Valeur
Description	Valeur par défaut. Définir sans bordure.
hidden	Identique à none, mais à l'exception des conflits de bordure des éléments de tableau.
dashed	Définir un bord pointillé.
solid	Définir un bord solide.
double	Définir un bord double.
groove	Définir un bord en creux 3D. L'effet dépend de la valeur de border-color.
ridge	Définir un bord saillant 3D. L'effet dépend de la valeur de border-color.
inset	Définir un bord encastré 3D. L'effet dépend de la valeur de border-color.
outset	Définir un bord bombé 3D. L'effet dépend de la valeur de border-color.
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 :	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.borderBlockStyle="dotted"