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