Propriété border-inline-end-style CSS

Page précédente border-inline-end-color
Page suivante border-inline-end-width

Définition et utilisation

et Définir et utiliser les styles des bords de l'élément à la fin de la direction en ligne.

les propriétés de CSS et Les propriétés sont associées à border-bottom-style、border-left-style、border-right-style 、 border-top-style Les propriétés sont très similaires, mais et Les propriétés dépendent de la direction en ligne.

Remarque :les propriétés CSS associées Exemple 2 : Combiné avec l'attribut writing-mode、text-orientation 、 Exemple 3 : Combiné avec l'attribut direction les attributs CSS associés et Définit la direction inline. Cela affecte la position de début et de fin d'une ligne, ainsi que

border-inline-end-style

Résultat de l'attribut. Pour les pages en anglais, la direction inline est de gauche à droite, et la direction en bloc est vers le bas.

Exemple

direction
  div {
direction: rtl;

border-inline-end-style: dotted;

Exemple 1

Pour définir le style de la bordure de fin de direction inline : Exemple 2 : Combiné avec l'attribut writing-mode La position de la bordure de début et de fin de direction inline est déterminée par

direction
  La position de la bordure de fin de direction inline est déterminée par
  div {
direction: rtl;

border-inline-end-style: dotted;

writing-mode

writing-mode: vertical-rl; Exemple 3 : Combiné avec l'attribut direction La position de la bordure de début et de fin de direction inline est déterminée par

direction
  Impact de l'attribut :
  div {
direction: rtl;

border-inline-end-style: dotted;

}

Essayer par vous-même

Syntaxe CSS

border-inline-end-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écifie une bordure invisible.
hidden	Identique à none, mais différent dans la résolution des conflits de bordure des éléments de tableau.
dashed	Spécifie un bord pointillé.
solid	Spécifie un bord solide.
double	Spécifie un bord double.
groove	Spécifie un bord en creux 3D. L'effet dépend de la valeur de border-color.
ridge	Spécifie un bord bombé 3D. L'effet dépend de la valeur de border-color.
inset	Spécifie un bord en relief 3D. L'effet dépend de la valeur de border-color.
outset	Spécifie un bord arrondi 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.borderInlineEndStyle="dotted"