Propriedade Style left

Definição e uso

left Propriedade que define ou retorna a posição esquerda do elemento de alinhamento.

Essa propriedade determina a posição esquerda do elemento, incluindo o preenchimento, a barra de rolagem, a borda e o margem.

Dica:O elemento de alinhamento é positionado quando a propriedade position é:relative,absolute ou fixed do elemento.

Dica:Para definir ou retornar a posição direita do elemento de alinhamento, use Propriedade right.

Veja também:

Tutorial CSS:Alinhamento CSS

Manual de CSS:Propriedade left

Exemplo

Exemplo 1

Defina a posição esquerda do elemento <button>:

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

Experimente você mesmo

Exemplo 2

Defina a posição esquerda do elemento <div>:

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

Experimente você mesmo

Exemplo 3

Use valor negativo - defina a posição esquerda do elemento <div>:

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

Experimente você mesmo

Exemplo 4

Retorne a posição esquerda do elemento <div>:

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

Experimente você mesmo

Sintaxe

Retorne a propriedade left:

objeto.style.left

Defina a propriedade left:

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

Valor da propriedade

Valor Descrição
auto Deixe o navegador definir a posição esquerda. Padrão.
length Defina a posição esquerda com unidade de comprimento. Permite valores negativos.
% Defina a posição esquerda em porcentagem da largura do elemento pai.
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: auto
Retorno: Cadeia de caracteres, que representa a posição esquerda do elemento de alinhamento.
Versão do CSS： CSS2

Navegador suporta

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte