Atributo CSS left

Definição e uso

A propriedade left define a margem esquerda do elemento. Esta propriedade define o deslocamento da margem externa esquerda do elemento da borda esquerda do bloco contenedor.

Notas:Se o valor da propriedade "position" for "static", a definição da propriedade "left" não terá efeito.

Descrição

Para elementos estáticos, é auto; para valores de comprimento, é o comprimento absoluto correspondente; para valores percentuais, é o valor especificado; caso contrário, é auto.

Para elementos definidos relativamente, o valor calculado para left é sempre igual a right.

Veja também:

Tutorial CSS:Posicionamento CSS

Manual do DOM HTML:Propriedade left

Exemplo

Defina a margem esquerda da imagem para 100 pixels à direita da margem esquerda do contêiner que a contém:

img
  {
  position:absolute;
  left:100px;
  }

Experimente você mesmo

Sintaxe do CSS

left: auto|length|initial|inherit;

Valor da propriedade

Valor Descrição
auto Valor padrão. A posição da margem esquerda é calculada pelo navegador.
% Definir a posição esquerda do elemento em porcentagem do tamanho do contêiner. Valores negativos podem ser usados.
length Definir a posição esquerda do elemento usando unidades como px, cm, etc. Valores negativos podem ser usados.
inherit Define que o valor da propriedade left deve ser herdado do elemento pai.

Detalhes técnicos

Valor padrão: auto
Herança: não
Versão: CSS2
Sintaxe do JavaScript: object.style.left="100px"

Mais exemplos

Definir a margem esquerda da imagem usando valores fixos
Este exemplo demonstra como usar valores fixos para definir a margem esquerda da imagem.
Definir a margem esquerda da imagem usando porcentagens
Este exemplo demonstra como usar porcentagens para definir a margem esquerda da imagem.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0