Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

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

La propiedad de CSS  padding-block-end define el relleno de final de bloque lógico de un elemento, que se asigna a un relleno físico en función del modo de escritura, la direccionalidad y la orientación del texto del elemento. Corresponde a las propiedades padding-toppadding-rightpadding-bottom, o padding-left dependiendo de los valores definidos por writing-mode, direction, y text-orientation.

Esto se relaciona con padding-block-start, padding-inline-start, y padding-inline-end, que define los otros rellenos del elemento.

Sintaxis

/* <length> values */
padding-block-end: 10px;      /* An absolute length */
padding-block-end: 1em;       /* A length relative to the text size */

/* <percentage> value */
padding-block-end: 5%;        /* A padding relative to the block container's width */

/* Global values */
padding-block-end: inherit;
padding-block-end: initial;
padding-block-end: unset;

Valor inicial0
Applies toall elements
Heredableno
Percentageslogical-width of containing block
Mediavisual
Valor calculadoas length
Animation typediscrete
Canonical orderel orden único no-ambigüo definido por la gramática formal

Valores

La propiedad padding-block-end toma los mismos valores de la propiedad padding-left.

Sintaxis formal

<'padding-left'>

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;
  padding-block-end: 20px;
  background-color: #C8C800;
}

Especificación

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

Compatibilidad en navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
padding-block-end
Experimental
Chrome Soporte completo 69Edge Sin soporte NoFirefox 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 Sin soporte NoWebView Android Soporte completo 69Chrome Android Soporte completo 69Edge Mobile Sin soporte NoFirefox 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 56Safari iOS Sin soporte NoSamsung Internet Android Sin soporte No

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
Experimental. Esperar que el comportamiento cambie en el futuro.
Experimental. Esperar que el comportamiento cambie en el futuro.
El usuario debe de habilitar explícitamente esta característica.
El usuario debe de habilitar explícitamente esta característica.

Mira también

Etiquetas y colaboradores del documento

Colaboradores en esta página: teffcode
Última actualización por: teffcode,