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 The definition of 'padding-top' in that specification.	Working Draft	No change from CSS Level 2 (Revision 1) The definition of 'padding-top' in that specification..
CSS Transitions The definition of 'padding-top' in that specification.	Working Draft	Defines `padding-top` as animatable.
CSS Level 2 (Revision 1) The definition of 'padding-top' in that specification.	Recommendation	No change from CSS Level 1 The definition of 'padding-top' in that specification..
CSS Level 1 The definition of 'padding-top' in that specification.	Recommendation	Initial definition

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)	?	?	?	?