Atributo border-inline-start-color CSS

página anterior border-inline-start
Página siguiente border-inline-start-style

Definición y uso

border-inline-start-color establecer el color del borde del elemento en el inicio de la dirección en línea.

Nota:Para que border-inline-start-color La propiedad debe estar activa, debe establecerse border-inline-start-style propiedad.

CSS border-inline-start-color propiedad-y color-de-borde-inferior,color-de-borde-izquierdo,color-de-borde-derecho y border-top-color Los atributos son muy similares, pero border-inline-start-color El atributo depende de la dirección en línea.

Nota:las propiedades CSS relacionadas 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-start-color El 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 en el principio de la dirección en línea:

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

Intente usted mismo

Ejemplo 2

el uso del atributo writing-mode

La posición del borde en el principio de la dirección en línea se ve afectada por writing-mode Impacto del atributo:

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

Intente usted mismo

Ejemplo 3

el uso del atributo direction

La posición del borde en el principio y el final de la dirección en línea se ve afectada por direction Impacto del atributo:

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

Intente usted mismo

Sintaxis de CSS

border-inline-start-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 de CSS.
transparent	El color del borde debe ser transparente.
initial	Establezca esta propiedad en su valor predeterminado. Ver: initial.
inherit	Hereda esta propiedad del elemento padre. Ver: inherit.

Detalles técnicos

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