English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo CSS top specifica l'angolo superiore dell'elemento. Questa proprietà definisce l'offset tra il margine superiore esterno dell'elemento posizionato e il margine superiore del blocco contenente.
Per gli elementi di definizione relativa, se sia top che bottom sono auto, il loro valore calcolato è 0; se uno di essi è auto, si prende il numero opposto dell'altro valore; se entrambi non sono auto, bottom prenderà il valore opposto di top.
Attenzione: Se il valore della proprietà "position" è "static", l'impostazione della proprietà "top" non avrà alcun effetto.
PerPosizionato assolutamenteElemento, la proprietà top specifica la distanza di offset del margine superiore del riquadro dell'elemento rispetto al margine superiore del blocco contenitore.
PerPosizionato relativamenteElemento, la proprietà top specifica l'offset del margine superiore del riquadro dell'elemento rispetto al margine superiore del riquadro (cioè, viene specificata la posizione dell'elemento nel flusso normale, quindi si parte da questa posizione in base a questi attributi).
La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.
| Valore predefinito: | auto |
|---|---|
| Applicabile a: | Elemento posizionato |
| Ereditarietà: | No |
| Animabile: | Sì.Si prega di consultare Proprietà animazione. |
| Versione: | CSS 2, 3 |
| Sintassi JavaScript: | object.style.top="60px" |
La sintassi di questa proprietà è la seguente:
top: length | percentage | auto | initial | inherit
Ecco un esempio di come utilizzare la proprietà top.
p {
position: absolute;
top: 150px;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| length | Valore numerico espresso in px, pt, cm, em, ecc., che può essere negativo. |
| percentage | Specificare un offset di percentuale. Il percentuale è calcolato rispetto all'altezza del blocco contenitore dell'elemento. È possibile utilizzare valori di percentuale negativi. |
| auto | Il browser calcola la posizione del margine superiore. Questo è il valore predefinito. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore della proprietà top dell'elemento padre. |
Compatibilità del browser per la proprietà top; i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Ecco i tutorial da consultare:Posizione CSS,Strato CSS.