padding-top

Sumario

La propiedad padding-top CSS establece el espacio de relleno requerido en la parte superior del elemento. El área de padding es el espacio entre el contenido del elemento y su borde. Contrariamente de la propiedad margin-top, valores negativos no son válidos.

Valor inicial	`0`
Applies to	all elements, except `table-row-group`, `table-header-group`, `table-footer-group`, `table-row`, `table-column-group` and `table-column`. It also applies to `::first-letter`.
Heredable	no
Percentages	refer to the width of the containing block
Media	visual
Valor calculado	the percentage as specified or the absolute length
Animation type	a length
Canonical order	el orden único no-ambigüo definido por la gramática formal

Sintaxis

/* <length> values (valores fijos) */
padding-top: 0.5em;
padding-top: 0;
padding-top: 2cm;

/* <percentage> value (valores porcentuales) */
padding-top: 10%;

/* Global values (valores globales) */
padding-top: inherit;
padding-top: initial;
padding-top: unset;

Valores

<length>: Especifica un valor positivo fijo. Veáse <length> para más detalles.
<percentage>: Especifica un porcentaje con respecto al bloque que lo contiene.

Sintaxis formal

<length> | <percentage>

Ejemplos

.content { padding-top: 5%; }
.sidebox { padding-top: 10px; }

Especificaciones

Especificación	Estado	Comentarios
CSS Basic Box Model La definición de 'padding-top' en esta especificación.	Working Draft	No change from CSS Level 2 (Revision 1) La definición de 'padding-top' en esta especificación..
CSS Transitions La definición de 'padding-top' en esta especificación.	Working Draft	Defines `padding-top` as animatable.
CSS Level 2 (Revision 1) La definición de 'padding-top' en esta especificación.	Recommendation	No change from CSS Level 1 La definición de 'padding-top' en esta especificación..
CSS Level 1 La definición de 'padding-top' en esta especificación.	Recommendation	Initial definition

Compatibilidad en navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Escritorio
Móvil

Características	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Soporte Básico	1.0	(Yes)	1.0 (1.0)	4.0	3.5	1.0 (85)

Características	Android	Edge	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Soporte Básico	?	(Yes)	?	?	?	?