Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedad de relleno inferior
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada llenar el fondo Con sintaxis y ejemplos.
describir
La propiedad padding-bottom de CSS define el espacio de relleno en la parte inferior de un elemento.
sintaxis
La sintaxis de la propiedad CSS padding-bottom es:
padding-bottom: value;parámetro o parámetro
valor
Espacio de relleno aplicado a la parte inferior del elemento. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| estable | valor fijo en px, em, … div { relleno inferior: 6px; } div { relleno inferior: 4em; } |
| porcentaje | valor porcentual div { relleno inferior: 5%; } |
| heredar | El elemento heredará el relleno inferior de su elemento principal div { relleno inferior: heredar; } |
notas
- El valor de la propiedad padding-bottom de CSS se puede expresar como un valor fijo o como un porcentaje.
- No se permiten valores negativos en la propiedad padding-bottom de CSS.
- Cuando el valor se proporciona como un porcentaje, es relativo al ancho del bloque que lo contiene.
- Consulte también padding, padding-top, padding-left y padding-right.
Compatibilidad del navegador
La propiedad padding-bottom de CSS tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad padding-bottom a continuación, explorando ejemplos de cómo usarla con valores fijos y porcentuales en CSS.
usar valor fijo
Veamos un ejemplo de fondo de relleno de CSS en el que proporcionamos el valor como un valor fijo.
div { padding-bottom: 5px; }En este ejemplo de fondo de relleno CSS, proporcionamos un valor de 5px, que se aplicará a la parte inferior del elemento.
También puede representar el atributo padding-bottom en em.
Por ejemplo:
div { padding-bottom: 2em; }En este ejemplo, proporcionamos un valor de 2em, que se aplicará a la parte inferior del elemento.
porcentaje de uso
Veamos un ejemplo de relleno inferior de CSS en el que proporcionamos un valor porcentual.
div { padding-bottom: 2%; }En este ejemplo de fondo de relleno CSS, proporcionamos un valor de 2%, que se aplicará a la parte inferior del elemento.