Attribut border-inline-start-width CSS

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

Définition et utilisation

border-inline-start-width La largeur de la bordure de début de l'élément de configuration de propriété dans la direction horizontale.

Remarque :Pour que border-inline-start-width L'effet des propriétés doit être configuré border-inline-start-style 属性。

les attributs de CSS border-inline-start-width Les attributs sont similaires à border-bottom-width,border-left-width,border-right-width et border-top-width Les attributs sont très similaires, mais border-inline-start-width L'attribut dépend de l'orientation en ligne.

Remarque :les propriétés CSS associées writing-mode,text-orientation et direction Définit l'orientation en ligne. Cela affecte la position de début et de fin de la ligne, ainsi que border-inline-start-width Résultat de l'attribut. Pour les pages en anglais, l'orientation en ligne est de gauche à droite, et l'orientation en bloc est vers le bas.

Exemple

Exemple 1

Définir la largeur de la bordure au début de l'orientation en ligne :

div {
  border-inline-start-style: solid;
  border-inline-start-width: 10px;
}

Essayez-le vous-même

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

La position de la bordure au début de l'orientation en ligne est affectée par writing-mode Impact de l'attribut :

div {
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
  border-inline-start-width: 5px;
}

Essayez-le vous-même

Exemple 3 : Combiné avec l'attribut direction

La position de la bordure au début et à la fin de l'orientation en ligne est affectée par direction Impact de l'attribut :

div {
  direction: rtl;
  border-inline-start-width: 10px;
}

Essayez-le vous-même

Syntaxe CSS

border-inline-start-width: medium|thin|thick|length|initial|inherit;

Valeur de l'attribut

Valeur	Description
medium	Spécifie une bordure moyenne. Valeur par défaut.
thin	Spécifie une bordure fine.
thick	Spécifie une bordure épaisse.
length	Vous permet de définir l'épaisseur de la bordure. Voir :Unités CSS.
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 :	medium
Héritabilité :	Non
Réalisation d'animation :	Supporté. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.borderInlineStartWidth="10px"