Attribut border-inline-start-style CSS

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

Définition et utilisation

Définit la direction inline. Cela affecte la position de début et de fin d'une ligne, ainsi que Définition et utilisation, réglage du style de bord de l'élément à l'origine de la direction en ligne.

les propriétés de CSS Définit la direction inline. Cela affecte la position de début et de fin d'une ligne, ainsi que Les propriétés sont liées à border-bottom-style、border-left-style、border-right-style text-orientation border-top-style Les propriétés sont très similaires, mais Définit la direction inline. Cela affecte la position de début et de fin d'une ligne, ainsi que Les propriétés dépendent de la direction en ligne.

Attention :Propriétés CSS pertinentes La position du bord de début de direction inline est déterminée par、、 text-orientation La position du bord de début et de fin de direction inline est déterminée par et Définit la direction inline. Cela affecte la position de début et de fin d'une ligne, ainsi que border-inline-start-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.

Instance

Exemple 1

Impact de l'attribut :
  direction: rtl;

border-inline-start-style: dotted;

Définir le style du bord de début de direction inline :

Exemple 2 : Combiné avec l'attribut writing-mode La position du bord de début de direction inline est déterminée par direction

Impact de l'attribut :
  writing-mode
  direction: rtl;

border-inline-start-style: dotted;

writing-mode: vertical-rl;

Exemple 3 : Combiné avec l'attribut direction La position du bord de début et de fin de direction inline est déterminée par direction

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

border-inline-start-style: dotted;

}

Essayer par vous-même

Syntaxe CSS

border-inline-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écifie une bordure invisible.
hidden	Similaire à none, mais différent dans le décodage des conflits de bordure des éléments en ligne.
dashed	Spécifie le bord pointillé.
solid	Spécifie le bord solide.
double	Spécifie le bord double.
groove	Spécifie le bord encoché 3D. L'effet dépend de la valeur de border-color.
rigde	Spécifie le bord saillant 3D. L'effet dépend de la valeur de border-color.
inset	Spécifie le bord enfoncé 3D. L'effet dépend de la valeur de border-color.
outset	Spécifie le bord bombé 3D. L'effet dépend de la valeur de border-color.
initial	Sets this property to its default value. See initial.
inherit	Inherits this property from its parent element. See inherit.

Détails techniques

Valeur par défaut :	none
Héritabilité :	Non
Réalisation de l'animation :	Non pris en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.borderInlineStartStyle="dotted"