Attribut border-inline-end-color CSS

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

Définition et utilisation

border-inline-end-color Définir la couleur de la bordure à l'extrémité inférieure de l'orientation en ligne de l'élément.

Remarque :Pour que border-inline-end-color Pour que la propriété prenne effet, elle doit être définie. border-inline-end-style Propriété.

CSS border-inline-end-color Les attributs sont border-bottom-color,border-left-color,border-right-color et border-top-color Les attributs sont très similaires, mais border-inline-end-color L'attribut dépend de la direction en ligne.

Remarque :et les propriétés CSS associées writing-mode,les propriétés CSS liées à text-orientation et direction Définit la direction en ligne. Cela affecte le début et la fin d'une ligne, ainsi que border-inline-end-color Effet 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.

Exemple

Exemple 1

Définir la couleur de la bordure à la fin de la direction en ligne :

div {
  border-inline-end-style: solid;
  border-inline-end-color: pink;
}

Essayez-le vous-même

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

La position de la bordure à la fin de la direction en ligne est influencée par writing-mode Impact de l'attribut :

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

Essayez-le vous-même

Exemple 3 : Combiné avec l'attribut direction

La position de la bordure à la fin de la direction en ligne est influencée par direction Impact de l'attribut :

div {
  direction: rtl;
  border-inline-end-color: hotpink;
}

Essayez-le vous-même

Syntaxe CSS

border-inline-end-color: color|transparent|initial|inherit;

Valeur de l'attribut

Valeur	Description
color	La couleur de la bordure doit être spécifiée. Par défaut, c'est la couleur actuelle de l'élément. Voir :Valeurs de couleur CSS.
transparent	La couleur de la bordure doit être transparente.
initial	Régler 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 :	La couleur actuelle de l'élément
Héritabilité :	Non
Création d'animation :	Prise en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.borderInlineEndColor="pink"