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

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

Définition et utilisation

border-inline-end-width La largeur de la bordure à l'extrémité directionnelle en ligne de l'élément de paramètres des attributs.

Remarque :Pour que border-inline-end-width Pour que l'attribut prenne effet, il est nécessaire de définir border-inline-end-style attributs.

CSS border-inline-end-width Les attributs sont similaires à border-bottom-width,border-left-width,border-right-width et border-top-width Très similaires, mais border-inline-end-width L'attribut dépend du sens de lecture horizontal.

Remarque :les attributs CSS associés writing-mode,text-orientation et direction Définit le sens de lecture horizontal. Cela affecte la position de début et de fin d'une ligne, ainsi que border-inline-end-width Le résultat de l'attribut. Pour les pages en anglais, le sens de lecture horizontal est de gauche à droite, et le sens de lecture vertical est vers le bas.

Exemple

Exemple 1

Définir la largeur de la bordure à l'extrémité du sens de lecture horizontal et vertical :

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

Essayez-le vous-même

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

La position de la bordure à l'extrémité du sens de lecture horizontal et vertical est déterminée par writing-mode Effet de l'attribut :

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

Essayez-le vous-même

Exemple 3 : Combiné avec l'attribut direction

La position de la bordure à l'extrémité du sens de lecture horizontal et vertical est déterminée par direction Effet de l'attribut :

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

Essayez-le vous-même

Syntaxe CSS

border-inline-end-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
Création d'animation :	Prise en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.borderInlineEndWidth="10px"