Atributo border-block-color de CSS

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

Definición y uso

border-block-color Configurar el color del borde del elemento en la dirección del bloque

El atributo depende de la dirección del bloque.Para que border-block-color La propiedad debe estar configurada para que sea efectiva border-block-style.

border-block-color Los valores de las propiedades se pueden configurar de diferentes maneras:

El color del borde en el punto de final del bloque es lightblue border-block-color Las propiedades tienen dos valores:

border-block-color: pink lightblue;

块起始处的边框颜色为 pink
El color del borde en el punto de inicio del bloque es pink

El color del borde en el punto de final del bloque es lightblue border-block-color Si

border-block-color: pink;

El atributo tiene un valor:

Los colores del borde en el punto de inicio y fin del bloque son pink border-block-color de CSS los atributos yborder-left-colorborder-bottom-colorborder-left-color, border-right-color y border-top-color border-block-color Los atributos son muy similares, pero

El atributo depende de la dirección del bloque.Nota: related CSS properties Define la dirección del bloque. Esto afecta la posición de inicio y fin del bloque y border-block-color El resultado del atributo. Para las páginas en inglés, la dirección en línea es de izquierda a derecha, y la dirección del bloque es hacia abajo.

Ejemplo

Ejemplo 1

Establecer el color del borde en la dirección del bloque:

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

Intente hacerlo usted mismo

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

La posición de inicio y fin del color del borde en la dirección del bloque está influenciada por el atributo writing-mode:

div {
  writing-mode: vertical-rl;
  border-block-color: blue;
}

Intente hacerlo usted mismo

Sintaxis de CSS

border-block-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 valores de color.
transparent	La coloración del borde debe ser transparente.
initial	Establezca este atributo en su valor predeterminado. Consulte initial.
inherit	Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado:	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.borderBlockColor="pink"