English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La proprietà margin-top CSS imposta il margine superiore dell'elemento. Tuttavia, in molti casi, comemarginQuesta proprietà CSS abbreviata è più facile e preferibile da utilizzare.
La tabella sottostante fornisce spiegazioni sull'uso di questa proprietà, la cronologia delle versioni e la sintassi dell'uso di questa proprietà nei script JavaScript.
| Valore predefinito： | 0 |
|---|---|
| Applicabile a： | Tutti gli elementi, ma non table displayelementi di tipo (table-caption table inline-table) esclusi. 。Applica anche a ::first-letter。 |
| Ereditarietà： | No |
| Animabile： | Sì.Ecco come fare riferimento： Proprietà animazione。 |
| Versione： | CSS 1, 2, 3 |
| Sintassi JavaScript： | oggetto.style.marginTop="20px" |
La sintassi di questa proprietà è la seguente：
margin-top: length | percentage | auto | initial | inherit
Gli esempi seguenti dimostrano come utilizzare la proprietà margin-top.
h1 {
margin-top: 25px;
}
p {
margin-top: 50px;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| length | Valore di dimensione, espresso in px, pt, cm, em, ecc. È possibile utilizzare valori negativi. |
| percentage | Percentuale. Calcolata rispetto alla larghezza del blocco contenitore dell'elemento. |
| auto | Il browser calcolerà i margini dell'elemento specificato. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà margin-top dell'elemento genitore. |
Compatibilità dei browser per la proprietà margin-top, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Ecco una guida da consultare：Margine del CSS，Modello di scatola del CSS。
Proprietà correlate：margin，margin-right，margin-bottom，margin-left。