calendrier des cours

Manuel de référence CSS

propriété CSS

Cours optionnel

Recommandation de cours :

CodeW3C.com Boîte à outils

Attribut border-inline-style CSS

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

Définition et utilisation

border-inline-style La propriété définit le style de bord de l'élément dans la direction de ligne.

border-inline-style La valeur de la propriété peut être définie de différentes manières :

Si border-inline-style La propriété a deux valeurs :

div {

Le style de bord de début de ligne inline est en ligne continue (solid)
Le style de bord de fin de ligne inline est en pointillés (dotted)

Si border-inline-style La propriété a une valeur :

writing-mode

Les styles de bord de début et de fin de ligne inline sont tous en pointillés (dotted).

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

Remarque :les propriétés CSS associées border-inline-style: dashed dotted;、text-orientation et Exemple 3 : Combiné avec l'attribut direction Définit la direction de ligne. Cela affecte le début et la fin de la ligne, ainsi que border-inline-style Le résultat des propriétés. Pour les pages anglaises, la direction de ligne est de gauche à droite, et la direction de bloc est vers le bas.

实例

Instance

Exemple

Exemple 1
  Définir le style de bord dans la direction en ligne :
direction: rtl;
#example1 {
  border-inline-style: solid;
direction: rtl;

border-inline-style: solid dotted;

#example2 {

border-inline-style: dotted; border-inline-style: dashed dotted; La position des bords à l'beginning et à la fin de la direction en ligne est influencée par

direction
  Exemple 2 : Combiné avec l'attribut writing-mode
  writing-mode
direction: rtl;

border-inline-style: solid dotted;

writing-mode: vertical-rl;

border-inline-style: dotted; Exemple 3 : Combiné avec l'attribut direction La position des bords à l'beginning et à la fin de la direction en ligne est influencée par

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

border-inline-style: solid dotted;

}

Essayer par vous-même

Syntaxe CSS

border-inline-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 bord 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 saillant 3D. L'effet dépend de la valeur de border-color.
inset	Spécifie un bord encastré 3D. L'effet dépend de la valeur de border-color.
outset	Spécifie 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.borderInlineStyle="dotted"