Esempio
Impostare il bordo superiore della assoluta posizionato <div> elemento per 80px di sotto del bordo superiore del suo antenato posizionato più vicino:
div.absolute {
position: absolute;
top: 80px;
width: 200px;
height:
100px;
border: 3px solid #8AC007;
}
Prova tu stesso " Definizione e utilizzo
Per gli elementi posizionati in modo assoluto, la struttura superiore definisce il bordo superiore di un elemento ad una unità sopra / sotto del bordo superiore 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 struttura superiore definisce il bordo superiore di un elemento ad una unità sopra / sotto della sua posizione normale.
Note: Se "position:static" , la proprietà superiore non ha alcun effetto.
| Valore di default: | auto |
|---|---|
| Inherited: | no |
| animatable: | yes. Read about animatable Try it |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.top="100px" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| top | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
CSS Sintassi
top: auto|length|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| auto | Consente il browser calcolare la posizione bordo superiore. Questa è l'impostazione predefinita | Gioca " |
| length | Imposta la posizione del bordo superiore in px, cm, ecc valori negativi sono consentiti | Gioca " |
| % | Imposta la posizione bordo superiore in% di contenere elemento. 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: bottom property
Riferimento CSS: left property
Riferimento CSS: right property
Di riferimento HTML DOM: top property