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