Atributo CSS padding-block

Página anterior padding
Página siguiente padding-block-end

definición y uso

elemento padding-block es el espacio entre el borde y el contenido en la dirección del bloque, que es una abreviatura de las siguientes propiedades:

padding-block Los valores del atributo se pueden configurar de diferentes maneras:

Los valores del atributo se pueden configurar de diferentes maneras:

padding-block: 10px 50px;

Si el atributo padding-block tiene dos valores:
El margen interno en el inicio es de 10px

El margen interno en el final es de 50px

Si el atributo padding-block tiene un valor:

padding-block: 10px;

El margen interno en el inicio y el final es de 10px padding-block y padding-inline CSS Los atributos y los atributos CSSpadding-bottompadding-toppadding-bottom, y padding-left padding-right padding-block y padding-inline El atributo depende de la dirección de bloque y la dirección de alineación.

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

Ejemplo

Ejemplo 1

Establezca el margen interno en los lados de la dirección de bloque:

p {
  padding-block: 35px;
}

Intente usted mismo

Ejemplo 2

Cuando el elemento <div> tiene writing-mode Cuando el valor del atributo writing-mode es vertical-rl, la posición de inicio del elemento se mueve desde la parte superior a la derecha y la posición de finalización se mueve desde la parte inferior a la izquierda:

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

Intente usted mismo

Sintaxis de CSS

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

Valor del atributo

Valor	Descripción
auto	Valor predeterminado. Valor predeterminado de padding-block del elemento.
longitud	Especifique padding-block en px, pt, cm, etc. No se permiten valores negativos. Consulte:Unidades CSS.
%	Especifique padding-block en porcentaje de la altura del elemento padre en la dirección de alineación.
initial	Establezca este atributo en su valor predeterminado. Consulte initial.
inherit	Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado:	auto
Herencia:	No
Producción de animación:	Admite. Consulte:Atributos relacionados con la animación.
Versión:	CSS3
Sintaxis de JavaScript:	object.style.paddingBlock="100px 50px"