| Definición | Establece la anchura del margen izquierdo de los elementos |
|---|---|
| Valores permitidos | Uno y sólo uno de los siguientes valores: |
| Si se utilizan porcentajes, hace referencia a la anchura del elemento en el que se encuentra | |
| Valor inicial | 0 |
| Se aplica a | Todos los elementos |
| Válida en | medios visuales |
| Se hereda | no |
| Definición en el estándar | w3.org/TR/CSS21/box.html#propdef-margin-left |
Ejemplos de uso
Para cualquier elemento de la página, la propiedad margin-left establece la anchura de su margen izquierdo, como se muestra en el siguiente ejemplo:
También es posible utilizar valores negativos en el margen izquierdo. En el siguiente ejemplo, el <div> tiene un margen izquierdo de -10px, lo que en la práctica implica que el elemento "se sale" por la parte izquierda de su elemento contenedor:
Si se utilizan porcentajes, su referencia es la anchura del elemento contenedor. Si no se ha establecido de forma explícita una anchura, se sustituye por el valor auto.
Al contrario de lo que sucede con los márgenes verticales, los márgenes laterales no se fusionan de forma automática. En el siguiente ejemplo, el primer <div> define un margen derecho de 40px, mientras que el segundo <div> define un margen izquierdo de 20px. El navegador muestra un margen lateral de 60px entre los dos elementos: