Atributo CSS left
- página anterior @layer
- Página siguiente letter-spacing
Definición y uso
El atributo left especifica el borde izquierdo del elemento. Este atributo define el desplazamiento del borde superior externo del elemento de alineación con el borde izquierdo del contenedor.
Comentarios:Si el valor del atributo "position" es "static", la configuración del atributo "left" no tendrá ningún efecto.
Notas
Para elementos estáticos, es auto; para valores de longitud, es la longitud absoluta correspondiente; para valores porcentajes, es el valor especificado; de lo contrario, es auto.
Para elementos definidos relativamente, el valor calculado de left siempre es igual a right.
Véase también:
Tutoriales CSS:Posicionamiento CSS
Manual de referencia de HTML DOM:Atributo left
Ejemplo
Establecer el borde izquierdo de la imagen en 100 píxeles a la derecha del borde izquierdo del elemento que lo contiene:
img { position:absolute; left:100px; }
Sintaxis de CSS
left: auto|length|initial|inherit;
Valor del atributo
Valor | Descripción |
---|---|
auto | Valor predeterminado. La posición del borde izquierdo se calcula mediante el navegador. |
% | Configurar la posición izquierda en porcentajes del ancho del elemento. Se pueden usar valores negativos. |
length | Configurar la posición izquierda del elemento utilizando unidades como px, cm, etc. Se pueden usar valores negativos. |
inherit | Se debe heredar el valor del atributo left del elemento padre. |
Detalles técnicos
Valor predeterminado: | auto |
---|---|
Herencia: | no |
Versión: | CSS2 |
Sintaxis de JavaScript: | object.style.left="100px" |
Más ejemplos
- Configurar el borde izquierdo de la imagen utilizando valores fijos
- Este ejemplo muestra cómo configurar el borde izquierdo de la imagen utilizando valores fijos.
- Configurar el borde izquierdo de la imagen utilizando porcentajes
- Este ejemplo muestra cómo configurar el borde izquierdo de la imagen utilizando porcentajes.
Compatibilidad del navegador
Los números en la tabla indican la primera versión de navegador que admite completamente esa propiedad.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
- página anterior @layer
- Página siguiente letter-spacing