English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El atributo left CSS especifica la cantidad de desplazamiento del borde izquierdo del elemento ubicado en relación con el borde izquierdo del cuadro de referencia o la ventana del navegador.
ParaAlineación absolutaElemento, el atributo left especifica la distancia del borde izquierdo del cuadro del elemento al borde izquierdo del contenedor.
ParaAlineación relativaElemento, el atributo left especifica el desplazamiento del borde izquierdo del cuadro del elemento en relación con el borde izquierdo del cuadro en el flujo normal.
La tabla a continuación proporciona una descripción de uso y registro histórico de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | auto |
|---|---|
| Adecuado para: | Elemento de alineación |
| Herencia: | No |
| Animable: | Sí.Consulte Atributos de animación. |
| Versión: | CSS 2、3 |
| Sintaxis de JavaScript: | object.style.left="100px" |
La sintaxis de este atributo es la siguiente:
left: length | percentage | auto | initial | inherit
El siguiente ejemplo muestra cómo se utiliza el atributo left.
p {
position: absolute;
left: 150px;
}Ver aquí‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| length | Tamaño de desplazamiento especificado, valor de longitud en px, pt, cm, em, etc., se permiten valores negativos. |
| percentage | Especificar la cantidad de desplazamiento en porcentaje. Se calcula el porcentaje en función del ancho del contenedor del elemento. Se permiten valores de porcentaje negativos. |
| auto | El navegador calcula la posición del borde izquierdo. Este es el valor predeterminado. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el valor del atributo left del elemento padre. |
La compatibilidad del navegador del atributo left se muestra a continuación; los números en la tabla representan la versión más baja del navegador que admite este atributo; todos los navegadores principales admiten este atributo.
|
Consulte los siguientes tutoriales:Posición CSS,Capa CSS.