mozilla

left

Sumario

La propiedad left especifica parte de la posición de un elemento (posicionado - es decir, con una posición determinada por código).

Para los elementos con una posición absoluta (aquellos que tienen la propiedad position: absolute ó position: fixed), la propiedad left determina la distancia entre el margen izquierdo del elemento y el borde izquierdo de su bloque contenedor.

Sintaxis

left: <length> | <percentage> | auto | inherit ;

Valores

<length>
Una longitud, un valor negativo, cero, un valor positivo.
<percentage>
Un porcentaje del ancho del bloque contenedor.

Ejemplos

Ver El Ejemplo Vivo

#example_3 {
  width: 600px;
  height: 400px;
  background-color: #FFC7E4;
  position: relative;
  top: 20px;
  left: 20px;
}

#example_4 {
  width: 200px;
  height: 200px;
  background-color: #FFD7C2;
  position: absolute;
  bottom: 10px;
  right: 20px;
}

Especificaciones

Compatibilidad entre navegadores

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 5.5 5.0 1.0
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1) 6.0 6.0 1.0

Ver también

Etiquetas y colaboradores del documento

Contributors to this page: teoli, HenryGR, ethertank, Mgjbot, fiorella
Última actualización por: teoli,