Style top गुण

व्याख्या और उपयोग

top स्थानांकित एलिमेंट की ऊपरी स्थिति सेट करने या वापस करने के लिए गुण सेट करें

इस गुण द्वारा एलिमेंट की ऊपरी स्थिति निर्धारित की जाती है, जिसमें आंतरिक गाप, स्क्रॉल बार, किनारा और बाह्य गाप शामिल हैं。

सूचना:स्थानांकित एलिमेंट यह है position गुण सेट करें:relative、absolute या fixed。

सूचना:स्थानांकित एलिमेंट की निचली स्थिति सेट करने या वापस करने के लिए bottom गुण。

अन्य संदर्भ:

CSS शिक्षा:CSS पोजीशनिंग

CSS संदर्भ दस्तावेज़:top गुण

उदाहरण

उदाहरण 1

<button> एलिमेंट की ऊपरी स्थिति सेट करें:

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

अपने आप से प्रयोग करें

उदाहरण 2

नकारात्मक मान - <div> एलिमेंट की ऊपरी स्थिति सेट करें:

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

अपने आप से प्रयोग करें

उदाहरण 3

<div> एलिमेंट की ऊपरी स्थिति वापस करें:

alert(document.getElementById("myDiv").style.top);

अपने आप से प्रयोग करें

व्याकरण

top गुण वापस करें:

object.style.top

top गुण सेट करें:

object.style.top = "auto|length|%|initial|inherit"

गुण मान

मान वर्णन
auto ब्राउज़र ऊपरी स्थिति को सेट करें। मूलभूत。
length ऊंचाई इकाई से ऊपरी स्थिति को परिभाषित करें। नकारात्मक मान भी स्वीकार किए जाते हैं。
% पिता एलिमेंट की ऊपरी ऊंचाई की प्रतिशत से ऊपरी स्थिति सेट करें。
initial इस गुण को उसके मूलभूत मान पर सेट करें। देखें initial。
inherit इस गुण को अपने पिता एलिमेंट से ले लें। देखें inherit。

तकनीकी विवरण

मूलभूत मान: बिना किसी वाल्यू
वापसी मान: शब्द, जो स्थानांकित एलिमेंट की ऊपरी स्थिति को प्रदर्शित करता है。
CSS संस्करण： CSS2

ब्राउज़र समर्थन

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
समर्थन समर्थन समर्थन समर्थन समर्थन