Esempio
Impostare il bordo sinistro della assoluta posizionato <div> elemento 80px a destra del bordo sinistro del suo antenato posizionato più vicino:
div.absolute {
position: absolute;
left: 80px;
width: 200px;
height: 120px;
border: 3px solid #8AC007;
}
Prova tu stesso " Definizione e utilizzo
Per gli elementi posizionati in modo assoluto, la proprietà sinistra imposta il bordo sinistro di un elemento ad un'unità a sinistra / destra del bordo sinistro del suo antenato posizionato più vicino.
Nota: Se un elemento posizionato in assoluto non ha antenati posizionati, utilizza il corpo del documento, e si muove insieme a scorrimento della pagina.
Nota: Un "positioned" elemento è uno la cui posizione è nulla se non statica.
Per gli elementi posizionati in modo relativo, la proprietà sinistra imposta il bordo sinistro di un elemento ad un'unità a sinistra / destra nella sua posizione normale.
Note: Se "position:static" , la proprietà sinistra non ha alcun effetto.
| Valore di default: | auto |
|---|---|
| Inherited: | no |
| animatable: | yes. Read about animatable Try it |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.left="100px" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| left | 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
CSS Sintassi
left: auto|length|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| auto | Consente il browser calcolare la posizione del bordo sinistro. Questa è l'impostazione predefinita | Gioca " |
| length | Imposta la posizione bordo sinistro in px, cm, ecc valori negativi sono consentiti | Gioca " |
| % | Imposta la posizione del bordo sinistro in% di elemento di contenimento. I valori negativi sono consentiti | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
CSS tutorial: Posizionamento CSS
Riferimento CSS: right property
Riferimento CSS: bottom property
Riferimento CSS: top property
Di riferimento HTML DOM: left property