Exemplo
Definir a posição esquerda de um <button> elemento:
document.getElementById("myBtn").style.left = "100px";
Tente você mesmo " Definição e Uso
Os conjuntos de propriedades para a esquerda ou retorna a posição esquerda de um elemento posicionado.
Esta propriedade especifica a posição esquerda do elemento incluindo estofamento, rolagem, fronteira e margem.
Tip: Um elemento posicionado é um elemento com a propriedade posição conjunto para: relativa e absoluta, ou fixo.
Dica: Para definir ou retornar a posição correta de um elemento posicionado, use o direito de propriedade.
Suporte navegador
A propriedade esquerda é suportado em todos os principais navegadores.
Sintaxe
Devolver a propriedade esquerda:
object .style.left
Defina a propriedade esquerda:
object .style.left="auto| Valores de propriedade Valor Descrição auto Permite que o navegador definir a posição esquerda. Este é o padrão length Define a posição esquerda em unidades de comprimento. Os valores negativos são permitidos % Define a posição esquerda em% da largura do elemento pai initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: auto Valor de retorno: Uma corda, que representa a posição à esquerda de um elemento posicionado CSS Versão CSS2
mais Exemplos
Exemplo
Definir a posição esquerda de um <div> elemento:
document.getElementById("myDIV").style.left = "100px";
Tente você mesmo "
Exemplo
Usando valores negativos - Defina a posição esquerda de um <div> elemento:
document.getElementById("myDIV").style.left = "-100px";
Tente você mesmo "
Exemplo
Retornar a posição esquerda de um <div> elemento:
alert(document.getElementById("myDiv").style.left);
Tente você mesmo "
Páginas relacionadas
CSS tutorial: Posicionamento CSS
Referência CSS: left property
<Estilo de objeto