English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La proprietà left CSS specifica l'offset dell'elemento posizionato rispetto all'angolo sinistro del riquadro dell'elemento di riferimento o della finestra del browser.
PerPosizionato assolutamenteElemento, la proprietà left specifica la distanza di offset dell'angolo sinistro del riquadro dell'elemento rispetto all'angolo sinistro del blocco contenitore.
PerPosizionato relativamenteElemento, la proprietà left specifica l'offset rispetto all'angolo sinistro del riquadro dell'elemento stesso (cioè posiziona l'elemento nel flusso normale, quindi si sposta da questa posizione in base a questi attributi).
La tabella sottostante fornisce una descrizione dell'uso di questa proprietà, la cronologia delle versioni e la sintassi dell'uso di questa proprietà nei script JavaScript.
| Valore predefinito: | auto |
|---|---|
| Applicabile a: | Elemento posizionato |
| Ereditarietà: | No |
| Animabile: | Sì.Rifarti a Proprietà animazione. |
| Versione: | CSS 2、3 |
| Sintassi JavaScript: | oggetto.style.left="100px" |
La sintassi di questa proprietà è la seguente:
left: length | percentage | auto | initial | inherit
Ecco un esempio di come utilizzare la proprietà left.
p {
position: absolute;
left: 150px;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| length | Dimensione di offset specificata, valore della lunghezza in px, pt, cm, em, ecc., è possibile utilizzare valori negativi. |
| percentage | Specificare una percentuale di offset. Calcolato come percentuale della larghezza del blocco contenitore dell'elemento. È possibile utilizzare valori percentuali negativi. |
| auto | Il browser calcola la posizione del margine sinistro. Questo è il valore predefinito. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore della proprietà left dell'elemento padre. |
Compatibilità dei browser per la proprietà left; i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Ecco come fare riferimento ai seguenti tutorial:Posizione CSS,Strato CSS.