Atributo border-inline-end-color CSS

Página anterior border-inline-end
Página siguiente border-inline-end-style

Definición y uso

border-inline-end-color Configurar el color del borde en el extremo final de la dirección en línea del elemento del atributo.

El atributo depende de la dirección en línea.Para que border-inline-end-color Para que el atributo sea efectivo, debe estar configurado border-inline-end-style Atributo.

CSS border-inline-end-color } Los atributos son,border-bottom-color,border-left-color y border-right-color border-top-color border-inline-end-color Los atributos son muy similares, pero

El atributo depende de la dirección en línea.Notas: writing-mode,las propiedades CSS relacionadas y direction Define la dirección en línea. Esto afecta la posición de inicio y final de una línea, así como border-inline-end-color Efecto del atributo. Para las páginas en inglés, la dirección en línea es de izquierda a derecha, y la dirección de bloque es hacia abajo.

Ejemplo

Ejemplo 1

Establezca el color del borde del extremo final de la dirección en línea:

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

Pruebe usted mismo

Ejemplo 2: Combinación con el atributo writing-mode

La posición del borde del extremo final de la dirección en línea está afectada por writing-mode Efecto del atributo:

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

Pruebe usted mismo

Ejemplo 3: Combinación con el atributo direction

La posición del borde del extremo final de la dirección en línea está afectada por direction Efecto del atributo:

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

Pruebe usted mismo

Sintaxis de CSS

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

Valor del atributo

Valor	Descripción
color	El color del borde debe especificarse. Por defecto es el color actual del elemento. Ver:Valores de color CSS.
transparent	El color del borde debe ser transparente.
initial	Establezca este atributo en su valor predeterminado. Ver: initial.
inherit	Hereda este atributo del elemento padre. Ver: inherit.

Detalles técnicos

Valor predeterminado:	El color actual del elemento
Herencia:	No
Producción de animación:	Admite. Consulte:Atributos relacionados con la animación.
Versión:	CSS3
Sintaxis de JavaScript:	object.style.borderInlineEndColor="pink"