left

Índice

Definición de .left en CSS

La parte superior, inferior, .left y las propiedades derechas se usan con posición para establecer la colocación de un elemento. Solo tienen un efecto en los elementos posicionados, que son elementos con la propiedad de posición establecida en otra cosa que no sea Static. Por ejemplo: relativo, absoluto, fijo o pegajoso.

Ejemplo de empleo de left

Si te gustaría utilizar esta propiedad de CSS en tu hoja de estilos, hazlo de esta manera:

div {
  <top || bottom || left || right>: <length> || <percentage> || auto || inherit;
}

Otro ejemplo más avanzado de .left es el siguiente de CODEPEN:

Sintaxis de .left en CSS

left: auto|length|initial|inherit;

Valores

Valor Descripción Manifestación
auto Permite que el navegador calcule la posición del borde izquierdo. Esto es predeterminado
longitud Establece la posición del borde izquierdo en px, cm, etc. Se permiten valores negativos.
% Establece la posición del borde izquierdo en % del elemento contenedor. Se permiten valores negativos
inicial Establece esta propiedad en su valor predeterminado.
heredar Hereda esta propiedad de su elemento principal.

Exploradores compatibles con .left

Los números de la tabla especifican la primera versión del navegador que es absolutamente compatible con la propiedad.

Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
letter-spacing 1.0 4.0 1.0 1.0 3.5

Bibliografía

Echa un vistazo a estas otras propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso