English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O atributo left CSS especifica o deslocamento da margem esquerda do elemento alinhado em relação ao bordo esquerdo do contorno do elemento de referência ou da janela do navegador.
ParaAlinhamento absolutoElemento, o atributo left especifica a distância do bordo esquerdo do contorno do elemento até o bordo esquerdo do bloco contendo-o.
ParaAlinhamento relativoElemento, o atributo left especifica o deslocamento da margem esquerda do contorno do elemento em relação à margem esquerda do contorno do elemento (isto é, define a posição normal do contorno, e depois desloca dessa posição com base nestes atributos).
A tabela a seguir fornece uma descrição do uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.
| Valor padrão: | auto |
|---|---|
| Aplicável a: | Elemento de alinhamento |
| Herança: | Não |
| Animável: | Sim.Por favor, consulte: Atributo de animação。 |
| Versão: | CSS 2、3 |
| Sintaxe JavaScript: | object.style.left="100px" |
A sintaxe dessa propriedade é a seguinte:
left: length | percentage | auto | initial | inherit
O exemplo a seguir demonstra como usar o atributo left.
p {
position: absolute;
left: 150px;
}Teste e veja‹/›A tabela a seguir descreve os valores dessa propriedade.
| Valor | Descrição |
|---|---|
| length | Tamanho de deslocamento especificado, valor de comprimento em px, pt, cm, em, etc., permite usar valores negativos. |
| percentage | Especifique a quantidade de deslocamento em porcentagem. Calcula a porcentagem em relação à largura do bloco contendo o elemento. Permite usar valores negativos em porcentagem. |
| auto | O navegador calcula a posição da margem esquerda. Este é o valor padrão. |
| initial | Defina essa propriedade como seu valor padrão. |
| inherit | Se especificado, o elemento relacionado adota o valor do atributo left do elemento pai. |
Compatibilidade do navegador do atributo left, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.
|
Por favor, consulte as seguintes instruções:Posição CSS，Camada CSS。