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` and `::first-line`.
Heredable	no
Percentages	refer to the width of the containing block
Valor calculado	the percentage as specified or the absolute length
Animation type	a length

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

padding-top = 
  <length-percentage>  

<length-percentage> = 
  <length>      |
  <percentage>

Ejemplos

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

Especificaciones

Especificación	Estado	Comentarios
CSS Box Model La definición de 'padding-top' en esta especificación.	Candidate Recommendation	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

BCD tables only load in the browser