Ultimele tutoriale de dezvoltare web
 

Style top Property

<Style Object

Exemplu

Setați poziția superioară a unui <button> Element:

document.getElementById("myBtn").style.top = "100px";
Încearcă - l singur »

Definiție și utilizare

Proprietatea de sus setează sau se întoarce în poziția de sus a unui element poziționat.

Această proprietate specifică poziția superioară a elementului, inclusiv umplutură, scrollbar, de frontieră și marja.

Tip: Un element poziționat este un element cu poziția setului proprietate: relative, absolute sau fixe.

Indicație: Pentru a seta sau a reveni în poziția de jos a unui element poziționat, utilizați partea de jos de proprietate.


Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea sus este susținută în toate browserele majore.


Sintaxă

Întoarcere proprietatea de top:

object .style.top

Setați proprietatea de top:

oject .style.top="auto| Valori de proprietate
Valoare Descriere
auto Permite browser-ul stabilit poziția de top. Acest lucru este implicit
length Definește poziția superioară în unități de lungime. Valorile negative sunt permise
% Setează poziția de top în% din înălțimea elementului mamă
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: auto
Întoarcere Valoare: Un String, reprezentând poziția superioară a unui element poziționat
CSS Versiune CSS2

Mai multe exemple

Exemplu

Folosind valori negative - Setați poziția superioară a unui <div> Element:

document.getElementById("myDiv").style.top = "-100px";
Încearcă - l singur »

Exemplu

Reveniți pe prima poziție a unui <div> Element:

alert(document.getElementById("myDiv").style.top);
Încearcă - l singur »

Pagini similare

Tutorial CSS: Poziționarea CSS

Referință CSS: top property


<Style Object