Atributo CSS padding-block-end

Recomendaciones de curso:

Definición y uso del elemento padding-block-end

se refiere al espacio desde el borde del elemento al contenido en el extremo final de la dirección del bloque. padding-block y padding-inline CSS Estos atributos son similares a los atributos CSSpadding-bottompadding-toppadding-bottom, y padding-left padding-right padding-block y padding-inline El atributo depende de la dirección del bloque y la dirección en línea.

Nota:Atributos CSS relacionados writing-mode Define la dirección del bloque. Esto afecta la posición de inicio y final del bloque y padding-block El resultado del atributo. Para las páginas en inglés, la dirección del bloque es hacia abajo y la dirección en línea es de izquierda a derecha.

Ejemplo

Ejemplo 1

Establezca el relleno interno en el extremo final de la dirección del bloque:

p {
  padding-block-end: 35px;
}

Intente usted mismo

Ejemplo 2

Establezca el valor del atributo writing-mode del elemento <div> a writing-mode Cuando el valor del atributo se establece en vertical-rl, la dirección del bloque es de derecha a izquierda. El resultado es que la posición final del elemento se mueve desde la parte inferior a la izquierda:

div {
  writing-mode: vertical-rl;
  padding-block-end: 50px;
}

Intente usted mismo

Sintaxis de CSS

padding-block-end: auto|value|initial|inherit;

Valor del atributo

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que admite completamente la propiedad.

Páginas relacionadas

Referencia:Atributo CSS padding-block

Referencia:Atributo CSS padding-block-start

Referencia:Atributo CSS padding-inline

Referencia:Atributo CSS padding-bottom

Referencia:Atributo CSS padding-left

Referencia:Atributo CSS padding-right

Referencia:Atributo CSS padding-top

Referencia:Atributo writing-mode de CSS