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 izquierdo
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada margen izquierdo Con sintaxis y ejemplos.
describir
La propiedad margin-left de CSS define el margen en el lado izquierdo de un elemento.
sintaxis
La sintaxis de la propiedad CSS margin-left es:
margin-left: value;parámetro o parámetro
valor
El margen aplicado al lado izquierdo del elemento. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| estable | valor fijo en px, em, … div { margen izquierdo: 4px; } div { margen izquierdo: 3em; } |
| porcentaje | valor porcentual div { margen izquierdo: 5%; } |
| carro | para centrar bloques div { margen izquierdo: auto; } |
| heredar | El elemento heredará el margen izquierdo de su elemento principal div { margen izquierdo: heredar; } |
notas
- El valor de la propiedad margin-left de CSS se puede expresar como un valor fijo o como un porcentaje.
- Se permiten valores negativos en la propiedad margin-left 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 inferior y margen derecho.
Compatibilidad del navegador
La propiedad margin-left 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-left 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 izquierdo de CSS donde proporcionamos el valor como un valor fijo.
div { margin-left: 5px; }En este ejemplo de margen izquierdo de CSS, proporcionamos un valor de 5 px, que se aplicará al lado izquierdo del elemento.
Veamos otro ejemplo de margen izquierdo de CSS con un valor fijo.
div { margin-left: 5em; }En este ejemplo de margen izquierdo de CSS, proporcionamos un valor de 5em, que se aplicará al lado izquierdo del elemento.
porcentaje de uso
Veamos un ejemplo de margen izquierdo de CSS donde proporcionamos un valor porcentual.
div { margin-left: 4%; }En este ejemplo de margen izquierdo de CSS, proporcionamos un valor del 4 %, que se aplicará al lado izquierdo del elemento.
uso automático
Veamos un ejemplo de proporcionar el valor como automático.
div { margin-left: auto; }En este ejemplo, vamos a