border-inline-end-color

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

La propiedad de CSS  border-inline-end-color CSS property defines the color of the logical inline-end border of an element, que se asigna al estilo de borde físico dependiendo del modo de escritura, la direccionalidad y la orientación del texto del elemento. Esto corresponde a las propiedades border-top-colorborder-bottom-color, o border-left-color, y border-right-color dependiendo de los valores definidos por writing-mode, direction, y text-orientation.

Sintaxis

border-inline-end-color: rebeccapurple;
border-inline-end-color: #663399;

Propiedades relacionadas son border-block-start-colorborder-block-end-color, y border-inline-start-color, que definen los otros colores del 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

Valores

<'color'>
El color del borde. Mira color.

Sintaxis formal

<'border-top-color'>

Ejemplo

Contenido HTML

<div>
  <p class="exampleText">Example text</p>
</div>

Contenido CSS

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

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

Especificación

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

Compatibilidad en navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
border-inline-end-colorChrome Soporte completo 69Edge Sin soporte NoFirefox Soporte completo 41
Soporte completo 41
Soporte completo 38
Notas Deshabilitado
Notas Enabled by default since Firefox 41.
Deshabilitado From version 38: this feature is behind the layout.css.vertical-text.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Soporte completo 3
Nombre alternativo
Nombre alternativo Usa un nombre no estandar : -moz-border-end-color
IE Sin soporte NoOpera Soporte completo 56Safari Soporte completo 12.1WebView Android Soporte completo 69Chrome Android Soporte completo 69Firefox Android Soporte completo 41
Soporte completo 41
Soporte completo 38
Notas Deshabilitado
Notas Enabled by default since Firefox 41.
Deshabilitado From version 38: this feature is behind the layout.css.vertical-text.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Soporte completo 4
Nombre alternativo
Nombre alternativo Usa un nombre no estandar : -moz-border-end-color
Opera Android Soporte completo 48Safari iOS Soporte completo 12.2Samsung Internet Android ?

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
Compatibilidad desconocida  
Compatibilidad desconocida
Ver notas de implementación.
Ver notas de implementación.
El usuario debe de habilitar explícitamente esta característica.
El usuario debe de habilitar explícitamente esta característica.
Usa un nombre no estandar.
Usa un nombre no estandar.

Mira también