border-block-end-color

Esta es una tecnolog铆a experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producci贸n.

La propiedad CSS border-block-end-color define el color del borde del final l贸gico de un elemento, que se mapea a un color de borde f铆sico, dependiendo el modo de escritura, direccionalidad y orientaci贸n de texto del elemento. Corresponde a las propiedades border-top-colorborder-right-colorborder-bottom-color, o border-left-color, dependiendo de los valores definidos para writing-mode, direction, y text-orientation.

border-block-end-color: yellow;
border-block-end-color: #F5F6F7;

Est谩 relacionada con border-block-start-colorborder-inline-start-color, y border-inline-end-color, que definen las otras propiedades de color de borde del elemento.

Valor inicialcurrentcolor
Applies toall elements
Heredableno
Mediavisual
Valor calculadocomputed color
Animation typediscrete
Canonical orderel orden 煤nico no-ambig眉o definido por la gram谩tica formal

Sintaxis

Valores

<'border-color'>
V茅ase border-color

Sintaxis formal

Ejemplo

Contenido HTML

<div>
  <p class="exampleText">Texto de ejemplo</p>
</div>

Contenido CSS

div {
  background-color: yellow;
  width: 120px;
  height: 120px;
}

.exampleText {
  writing-mode: vertical-lr;
  border: 10px solid blue;
  border-block-end-color: red;
}

Especificaci贸n

Especificaci贸n Estado Comentarios
CSS Logical Properties and Values Level 1
La definici贸n de 'border-block-end-color' en esta especificaci贸n.
Editor's Draft Definici贸n inicial

Compatibilidad en navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Caracter铆stica Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Soporte b谩sico Sin soporte 41.0 (41.0)[1] Sin soporte Sin soporte Sin soporte
Caracter铆stica Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Soporte b谩sico Sin soporte 41.0 (41.0)[1] Sin soporte Sin soporte Sin soporte

[1] Disponible desde Gecko 38, pero bajo la preferencia layout.css.vertical-text.enabled, deshabilitada por defecto. La preferencia fue removida en Gecko 51 y esta propiedad no puede ser deshabilitada desde esta misma versi贸n .

Mira tambi茅n