padding-bottom

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

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