Atributo border-inline-color CSS

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

definición-y-uso

border-inline-color la-propiedad-configura-el-color-del-borde-del-elemento-en-la-dirección-lineal.

los atributos CSS relacionadospara-hacer border-inline-color la-propiedad-entra-en-efecto,-debe-ser-configurada border-inline-style.

border-inline-color los-valores-de-la-propiedad-pueden-ser-configurados-de-diferentes-maneras:

si border-inline-color la-propiedad-tiene-dos-valores:

border-inline-color: rosa azul;

el-color-del-borde-en-el-punto-de-inicio-de-la-linea-adentro-es-rosa
el-color-del-borde-en-el-punto-de-final-de-la-linea-adentro-es-azul

si border-inline-color la-propiedad-tiene-un-valor:

border-inline-color: blue;

el-color-del-borde-en-el-punto-de-inicio-y-el-punto-de-final-de-la-linea-adentro-es-azul

de-CSS border-inline-color propiedad-y color-de-borde-inferior,color-de-borde-izquierdo,border-right-color y border-top-color Los atributos son muy similares, pero border-inline-color Nota:

los atributos CSS relacionadosy writing-mode,text-orientation 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-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

Establecer el color del borde en la dirección en línea:

#example1 {
  border-inline-style: solid;
  border-inline-color: pink;
}
#example2 {
  border-inline-style: solid;
  border-inline-color: pink lightblue;
}

Pruebe usted mismo

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

El borde en la posición de inicio y final del flujo en línea está afectado por writing-mode Efecto del atributo:

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

Pruebe usted mismo

Ejemplo 3: Combinación con el atributo direction

El borde en la posición de inicio y final del flujo en línea está afectado por direction Efecto del atributo:

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

Pruebe usted mismo

Sintaxis de CSS

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

Valor del atributo

Valor	Descripción
color	Especificar el color del borde. El color predeterminado es el color actual del elemento. Consulte los valores de color CSS para obtener una lista completa de posibles valores de color.
transparent	Especificar el color del borde debe ser transparente.
initial	Establezca este atributo en su valor predeterminado. Ver: initial.
inherit	Hereda este atributo de su 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.borderInlineColor="pink"