left
Establece la posición del objeto respecto al borde izquierdo del siguiente objeto posicionado en la jerarquía del documento.
Sintaxis
{ left: sPosition }
Valores posibles
sPosition
Variante que especifica o recibe uno de los valores siguientes:
auto |
Valor predeterminado. Posición predeterminada, en función del diseño HTML normal de la página. |
longitud |
Número de punto flotante seguido de un designador de unidades absolutas (cm, mm, in, pt o pc) o de un designador de unidades relativas (em, ex o px). Para obtener más información acerca de las unidades de longitud admitidas, vea Referencia de unidades de longitud. |
porcentaje |
Entero seguido de un signo de porcentaje (%). Este valor es un porcentaje del ancho del objeto primario. |
La propiedad tiene el valor predeterminado auto y no se hereda.
Observaciones
Use la propiedad left solo cuando se establece la propiedad position, en caso contrario, se omite el valor de la propiedad left.
Ejemplos
En el siguiente ejemplo se usa la propiedad left para cambiar la posición del objeto. Se utiliza una hoja de estilos en línea para establecer la posición de una imagen 100 píxeles a la derecha del borde izquierdo del objeto primario:
<div style="position:absolute;left:100px">
<img src="cone.jpg"></div>
Información sobre estándares
Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 2 (CSS2) (Hojas de estilos en cascada (CSS), nivel 2 (CSS2)).
Aplicable a
A, ADDRESS, APPLET, B, BIG, BLOCKQUOTE, BUTTON, CENTER, CITE, CODE, CUSTOM, DD, DEFAULTS, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, HN, HR, I, IFRAME, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, LI, OBJECT, OL, P, S, SELECT, SPAN, SUB, TABLE, TT, U, UL, VAR, XMP