Atributo marginLeft de estilo

Definición y uso

marginLeft establecen o devuelven el margen izquierdo del elemento.

Propiedad margin y Propiedad padding Insertan espacio alrededor del elemento. Pero, la diferencia radica en que el margen inserta espacio alrededor del borde, mientras que el relleno inserta espacio dentro del borde del elemento.

Vea también：

Tutoriales de CSS：Margen externo de CSS

Manual de referencia de CSS：Propiedad margin-left

Manual de referencia de HTML DOM：Propiedad margin

Ejemplo 1

Configuración del margen izquierdo del elemento <div>：

document.getElementById("myDiv").style.marginLeft = "50px";

Pruebe usted mismo

Ejemplo 2

Vuelva a establecer el margen izquierdo del elemento <div> a "normal":

document.getElementById("myDiv").style.marginLeft = "0px";

Pruebe usted mismo

Ejemplo 3

Retorno del margen izquierdo del elemento <div>：

alert(document.getElementById("myDiv").style.marginLeft);

Pruebe usted mismo

Ejemplo 4

Diferencia entre marginLeft y paddingLeft：

function changeMargin() {
  document.getElementById("myDiv").style.marginLeft = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingLeft = "100px";
}

Pruebe usted mismo

Sintaxis

Retorno de la propiedad marginLeft：

object.style.marginLeft

Configuración de la propiedad marginLeft：

object.style.marginLeft = "%|length|auto|inherit"

Valor del atributo

Valor Descripción
% Defina el margen izquierdo en porcentaje del ancho del elemento padre.
length Defina el margen izquierdo en unidades de longitud.
auto Configuración del navegador para el margen izquierdo.
initial Establezca este atributo en su valor predeterminado. Consulte initial。
inherit Hereda este atributo del elemento padre. Consulte inherit。

Detalles técnicos

Valor predeterminado： 0
Valor devuelto： Cadena de caracteres, que representa el margen izquierdo externo del elemento.
Versión de CSS： CSS1

Navegador compatible

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte