Sumario
La propiedad padding-bottom
CSS establece el espacio de relleno requerido en la parte inferior del elemento. El área de padding es el espacio entre el contenido del elemento y su borde. Contrariamente de la propiedad margin-bottom
, 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-bottom: 0.5em;
padding-bottom: 0;
padding-bottom: 2cm;
/* <percentage> value (Valores porcentuales)*/
padding-bottom: 10%;
/* Global values (Valores globales)*/
padding-bottom: inherit;
padding-bottom: initial;
padding-bottom: 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-bottom: 5%; } .sidebox { padding-bottom: 10px; }
Especificaciones
Especificación | Estado | Comentarios |
---|---|---|
CSS Basic Box Model La definición de 'padding-bottom' en esta especificación. |
Working Draft | No change from CSS Level 2 (Revision 1) La definición de 'padding-bottom' en esta especificación.. |
CSS Transitions La definición de 'padding-bottom' en esta especificación. |
Working Draft | Defines padding-bottom as animatable. |
CSS Level 2 (Revision 1) La definición de 'padding-bottom' en esta especificación. |
Recommendation | No change from CSS Level 1 La definición de 'padding-bottom' en esta especificación.. |
CSS Level 1 La definición de 'padding-bottom' 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) |
---|---|---|---|---|---|---|
Basic support | 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 |
---|---|---|---|---|---|---|
Basic support | ? | (Yes) | ? | ? | ? | ? |