CSS - esquerda

Descrição

A propriedade left define um deslocamento da borda esquerda de um elemento posicionado absolutamente da borda esquerda de seu contexto de posicionamento, ou a distância horizontal na qual um elemento posicionado relativamente será deslocado.

Valores possíveis

  • length - Uma distância fixa da esquerda do contexto de posicionamento.

  • percent - Alguma porcentagem da largura do contexto de posicionamento, assumindo que a largura do contexto foi definida explicitamente.

  • auto- Padrão. Permite que o navegador calcule a posição esquerda.

Aplica-se a

Todo o elemento posicionado em HTML.

Sintaxe DOM

object.style.left = "2px";

Exemplo

Aqui está o exemplo que mostra o efeito desta propriedade -

<html>
   <head>
   </head>

   <body>
      <p style = "position:absolute; left:100px;">
         This line will be positioned 100px away from the left edge of this window.
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -