padding-bottom

Estás leyendo la versión en inglés del artículo porque aún no existe una traducción para este idioma. ¡Ayúdanos a traducir este artículo!

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.
Heredableno
Percentagesrefer to the width of the containing block
Mediavisual
Valor calculadothe percentage as specified or the absolute length
Animation typea length
Canonical orderel 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

<length> | <percentage>

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