Gli ultimi tutorial di sviluppo web
 

Style top Property

<Stile di oggetto

Esempio

Impostare la posizione superiore di un <button> elemento:

document.getElementById("myBtn").style.top = "100px";
Prova tu stesso "

Definizione e l'utilizzo

La struttura superiore imposta o restituisce la posizione superiore di un elemento posizionato.

Questa proprietà specifica la posizione superiore dell'elemento inclusi imbottitura, scorrimento, border e margin.

Tip: Un elemento posizionato è un elemento con la posizione insieme della proprietà: relativa, assoluta o fisso.

Tip: Per impostare o restituire la posizione inferiore di un elemento posizionato, utilizzare la parte inferiore struttura.


Supporto browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La struttura superiore è supportata in tutti i principali browser.


Sintassi

Restituire la proprietà top:

object .style.top

Impostare la proprietà top:

oject .style.top="auto| I valori delle proprietà
Valore Descrizione
auto Consente di impostare il browser la prima posizione. Questa è l'impostazione predefinita
length Definisce la prima posizione in unità di lunghezza. I valori negativi sono consentiti
% Imposta la posizione superiore in% dell'altezza dell'elemento genitore
initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale
inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà

Dettagli tecnici

Valore di default: auto
Valore di ritorno: Una stringa, che rappresenta la posizione superiore di un elemento posizionato
CSS Version CSS2

Altri esempi

Esempio

Usando valori negativi - Impostare la posizione superiore di un <div> elemento:

document.getElementById("myDiv").style.top = "-100px";
Prova tu stesso "

Esempio

Restituisce la posizione superiore di un <div> elemento:

alert(document.getElementById("myDiv").style.top);
Prova tu stesso "

Pagine correlate

CSS tutorial: posizionamento CSS

Di riferimento CSS: top property


<Stile di oggetto