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 margen inferior
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada margen inferior Con sintaxis y ejemplos.
describir
La propiedad margin-bottom de CSS define el margen en la parte inferior de un elemento.
sintaxis
La sintaxis de la propiedad CSS margin-bottom es:
margin-bottom: value;parámetro o parámetro
valor
El margen aplicado a la parte inferior del elemento. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| estable | valor fijo en px, em, … div { margen inferior: 5px; } div { margen inferior: 4em; } |
| porcentaje | valor porcentual div { margen inferior: 8%; } |
| carro | para centrar bloques div { margen inferior: auto; } |
| heredar | El elemento heredará el margen inferior de su elemento principal div { margen inferior: heredar; } |
notas
- El valor de la propiedad margin-bottom de CSS se puede expresar como un valor fijo o como un porcentaje.
- Se permiten valores negativos en la propiedad margin-bottom de CSS.
- Cuando el valor se proporciona como un porcentaje, es relativo al ancho del bloque que lo contiene.
- Véase también margen, margen superior, margen izquierdo y margen derecho.
Compatibilidad del navegador
La propiedad margin-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 margin-bottom a continuación, explorando ejemplos de cómo usar esta propiedad con valores fijos y porcentuales en CSS.
usar valor fijo
Veamos un ejemplo de margen inferior de CSS en el que proporcionamos el valor como un valor fijo.
div { margin-bottom: 5px; }En este ejemplo, proporcionamos un valor de 5 px, que se aplicará a la parte inferior del elemento.
También puede usar em para representar un valor fijo cuando usa la propiedad margin-bottom.
Por ejemplo:
div { margin-bottom: 2em; }En este ejemplo de margen inferior, proporcionamos un valor de 2em, que se aplicará a la parte inferior del elemento.
porcentaje de uso
Veamos un ejemplo de margen inferior de CSS en el que proporcionamos un valor porcentual.
div { margin-bottom: 2%; }En este ejemplo de margen inferior de CSS, proporcionamos un valor del 2 %, que se aplicará a la parte inferior del elemento.
uso automático
Veamos un ejemplo de proporcionar el valor como automático.
div { margin-bottom: auto; }En este ejemplo, vamos a