border-block-end-width

This translation is incomplete. Please help translate this article from English

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

La propieda de CSS border-block-end-width define el ancho del borde final lógico de bloque de un elemento, que se asigna al borde físico que depende del modo de escritura, direccionalidad, y orientación del texto del elemento. Esto corresponde a la propiedad border-top-widthborder-right-widthborder-bottom-width, o border-left-width property dependiendo de los valores definidos por writing-mode, direction, y text-orientation.

Sintaxis

/* <'border-width'> values */
border-block-end-width: 5px;
border-block-end-width: thick;

Las propiedades relacionadas son border-block-start-width, border-inline-width, y border-inline-end-width , que define los otros anchos de borde del elemento.

Valor inicialmedium
Applies toall elements
Heredableno
Percentageslogical-width of containing block
Valor calculadoabsolute length; 0 if the border style is none or hidden
Animation typea length

Valores

<'border-width'>
El tamaño del borde. Mira border-width.

Sintaxis formal

<'border-top-width'>

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: 1px solid blue;
  border-block-end-width: 5px;
}

Especificación

Especificación Estado Comentario
CSS Logical Properties and Values Level 1
La definición de 'border-block-end-width' 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-block-end-widthChrome Soporte completo 69Edge Soporte completo 79Firefox Soporte completo 41
Soporte completo 41
Sin soporte 38 — 51
Deshabilitado
Deshabilitado From version 38 until version 51 (exclusive): 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.
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
Sin soporte 38 — 51
Deshabilitado
Deshabilitado From version 38 until version 51 (exclusive): 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.
Opera Android Soporte completo 48Safari iOS Soporte completo 12.2Samsung Internet Android Soporte completo 10.0

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
El usuario debe de habilitar explícitamente esta característica.
El usuario debe de habilitar explícitamente esta característica.

Mira también