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