CSS - izquierda

Descripción

La propiedad izquierda define un desplazamiento del borde izquierdo de un elemento absolutamente posicionado desde el borde izquierdo de su contexto de posicionamiento, o la distancia horizontal a la que se desplazará un elemento relativamente posicionado.

Valores posibles

length - Una distancia fija desde la izquierda del contexto de posicionamiento.
percent - Algún porcentaje del ancho del contexto de posicionamiento, asumiendo que el ancho del contexto se ha establecido explícitamente.
auto- Por defecto. Permite que el navegador calcule la posición izquierda.

Se aplica a

Todo el elemento HTML posicionado.

Sintaxis DOM

object.style.left = "2px";

Ejemplo

Aquí está el ejemplo que muestra el efecto de esta propiedad:

<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>

Producirá el siguiente resultado:

↰ Previous page