CSS: propiedad de margen izquierdo

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

El margen izquierdo de la etiqueta está configurado en automático. El valor automático se usa a menudo para centrar el bloque.