Ejemplo
Establecer la posición de la izquierda de un <button> elemento:
document.getElementById("myBtn").style.left = "100px"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades izquierda o devuelve la posición izquierda de un elemento de posicionado.
Esta propiedad especifica la posición izquierda del elemento de protección incluidos, barra de desplazamiento, bordes y márgenes.
Tip: Un elemento posicionado es un elemento con la propiedad posición de ajuste a: relativo, absoluto, o fijo.
Consejo: para establecer o devolver la posición correcta de un elemento posicionado, utilizar el derecho de propiedad.
Soporte del navegador
La propiedad dada es compatible con todos los principales navegadores.
Sintaxis
Devolver la propiedad a la izquierda:
object .style.left
Establecer la propiedad de la izquierda:
object .style.left="auto| Valores de propiedad Valor Descripción auto Permite el navegador ajustar la posición de la izquierda. Esto es por defecto length Define la posición izquierda en unidades de longitud. Los valores negativos se les permite % Establece la posición izquierda en% de la anchura del elemento padre initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: auto Valor de retorno: Una cadena, que representa la posición izquierda de un elemento posicionado Versión CSS CSS2
Más ejemplos
Ejemplo
Establecer la posición izquierda de un <div> elemento:
document.getElementById("myDIV").style.left = "100px";
Inténtalo tú mismo "
Ejemplo
El uso de valores negativos - Establecer la posición de la izquierda de un <div> elemento:
document.getElementById("myDIV").style.left = "-100px";
Inténtalo tú mismo "
Ejemplo
Devolver la posición de la izquierda de un <div> elemento:
alert(document.getElementById("myDiv").style.left);
Inténtalo tú mismo "
Páginas relacionadas
CSS tutorial: Posicionamiento CSS
Referencia CSS: left property
<Estilo de objeto