Esta página fue traducida del inglés por la comunidad, pero no se mantiene activamente, por lo que puede estar desactualizada. Si desea ayudar a mantenerlo, descubra cómo activar las configuraciones regionales inactivas.

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 inicial0
Applies toall 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.
Heredableno
Percentagesrefer to the width of the containing block
Valor calculadothe percentage as specified or the absolute length
Animation typea 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

<length> | (en-US) <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

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! (en-US)

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