padding-bottom
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
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 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
css
/* <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
padding-bottom =
<length-percentage [0,∞]>
<length-percentage> =
<length> |
<percentage>
Ejemplos
.content { padding-bottom: 5%; }
.sidebox { padding-bottom: 10px; }
Especificaciones
| Specification |
|---|
| CSS Box Model Module Level 3 # padding-physical |
Compatibilidad con navegadores
BCD tables only load in the browser