Propiedad left de estilo

Definición y uso

left Establece o devuelve la posición lateral izquierda del elemento de ubicación.

Esta propiedad determina la posición lateral izquierda del elemento, incluyendo los márgenes internos, las barras de desplazamiento, los bordes y los márgenes.

Consejo：El elemento de ubicación es position propiedad establecida en：relative、absolute o fixed del elemento.

Consejo：Para establecer o devolver la posición lateral derecha del elemento de ubicación, utilice Propiedad right.

Vea también：

Tutoriales CSS：Ubicación CSS

Manual de CSS：Propiedad left

Ejemplo

Ejemplo 1

Establecer la posición lateral izquierda del elemento <button>：

document.getElementById("myBtn").style.left = "100px";

Intente usted mismo

Ejemplo 2

Establecer la posición lateral izquierda del elemento <div>：

document.getElementById("myDIV").style.left = "100px";

Intente usted mismo

Ejemplo 3

Utilice valores negativos - Establecer la posición lateral izquierda del elemento <div>：

document.getElementById("myDIV").style.left = "-100px";

Intente usted mismo

Ejemplo 4

Devolver la posición lateral izquierda del elemento <div>：

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

Intente usted mismo

Sintaxis

Devolver la propiedad left：

object.style.left

Establecer la propiedad left：

object.style.left = "auto|length|%|initial|inherit"

Valor de la propiedad

Valor Descripción
auto Deje que el navegador establezca la posición lateral izquierda. Predeterminado.
length Defina la posición lateral izquierda con unidades de longitud. Permite valores negativos.
% Establezca la posición lateral izquierda en porcentaje del ancho del elemento padre.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado： auto
Valor devuelto： Cadena de caracteres que representa la posición lateral izquierda del elemento de ubicación.
Versión de CSS： CSS2

Navegador compatible

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