Attribut border-inline-width CSS

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

Définition et utilisation

et L'attribut définit la largeur des bordures de l'élément dans la direction en ligne.

L'attribut dépend de la direction en ligne.Pour que et Pour que l'attribut prenne effet, il doit être configuré border-inline-style.

et Les valeurs de l'attribut peuvent être définies de différentes manières :

Si et L'attribut a deux valeurs :

border-inline-width: 10px 50px;

La largeur de la bordure de début en ligne est de 10px
La largeur de la bordure de fin en ligne est de 50px

Si et L'attribut a une valeur :

Définir la largeur de la bordure dans la direction en ligne :

Les largeurs des bordures de début et de fin en ligne sont toutes de 10px

CSS et 属性与 CSS 属性 border-bottom-width。border-left-width。border-right-width 、 border-right-width border-top-width et Très semblable, mais

L'attribut dépend de la direction en ligne.Remarque : border-inline-width: thin thick;。les propriétés CSS associées 、 Exemple 3 : association de l'attribut direction text-orientation et Définit la direction en ligne. Cela affecte la position de début et de fin d'une ligne, ainsi que

border-inline-width

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.

Instance

Exemple 1
  Exemple 2 : association de l'attribut writing-mode
  Définir la largeur de la bordure dans la direction en ligne :
direction: rtl;
#example1 {
  border-inline-width: 10px;
  #example2 {
direction: rtl;

border-inline-width: 5px 15px;

border-inline-style: dashed;

border-inline-width: 5px; border-inline-width: thin thick; La position de la bordure au début et à la fin de la direction en ligne est déterminée par

direction
  Exemple 2 : association de l'attribut writing-mode
  writing-mode
  border-inline-style: solid;
direction: rtl;

border-inline-width: 5px 15px;

writing-mode: vertical-rl;

border-inline-width: 5px; Exemple 3 : association de l'attribut direction La position de la bordure au début et à la fin de la direction en ligne est déterminée par

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

border-inline-width: 5px 15px;

}

Essayez-le vous-mêmelengthSyntaxe CSS

border-inline-width: medium|thin|thick|

\|initial\|inherit;	Valeur de l'attribut
medium	Valeur
Description	Spécifie la bordure moyenne. Valeur par défaut.
Spécifie la bordure fine.	Spécifie la 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	Cette propriété hérite de son élément parent. Voir : inherit.

Détails techniques

Valeur par défaut :	medium
Héritabilité :	Non
Réalisation de l'animation :	Prise en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.borderInlineWidth="3px 10px"