Propiedad padding-block-start

La propiedad padding-block-start establece el relleno inicial del elemento a lo largo del eje de bloque (vertical).

Sintaxis

selector {
	padding-block-start: tamaño;
}

Ejemplo

Establezcamos el relleno inicial para el elemento hijo a lo largo del eje de bloque en 20px:

<div>
	<p>texto</p>
</div>

div {
	width: 400px;
	height: 200px;
	border: 1px solid black;
}
p {
	padding-block-start: 20px;
	width: 100px;
	height: 50px;
	border: 1px solid red;
}

Ejemplo

Y ahora establezcamos el relleno inicial para el elemento hijo a lo largo del eje de bloque en 20%:

<div>
	<p>texto</p>
</div>

div {
	width: 400px;
	height: 200px;
	border: 1px solid black;
}
p {
	padding-block-start: 20%;
	width: 100px;
	height: 50px;
	border: 1px solid red;
}

Véase también

propiedad padding-block-end,
que establece el relleno final del elemento a lo largo del eje de bloque
propiedad padding-inline-end,
que establece el relleno final del elemento a lo largo del eje en línea
propiedad padding-inline-start,
que establece el relleno inicial del elemento a lo largo del eje en línea
propiedad padding,
que establece el relleno
propiedad margin-bottom,
que establece el margen inferior
propiedad margin-left,
que establece el margen izquierdo
propiedad margin-right,
que establece el margen derecho
propiedad margin,
que es una abreviatura para el margen