शैली शीर्ष संपत्ति
उदाहरण
<बटन> तत्व की शीर्ष स्थिति सेट करें:
document.getElementById("myBtn").style.top = "100px";
परिभाषा और उपयोग
शीर्ष गुण किसी स्थित तत्व की शीर्ष स्थिति को सेट या लौटाता है।
यह गुण पैडिंग, स्क्रॉलबार, बॉर्डर और मार्जिन सहित तत्व की शीर्ष स्थिति को निर्दिष्ट करता है।
युक्ति: एक स्थित तत्व एक तत्व है जिसमें स्थिति गुण सेट होता है: सापेक्ष, पूर्ण, या निश्चित।
युक्ति: किसी स्थित तत्व की निचली स्थिति को सेट करने या वापस करने के लिए, नीचे की संपत्ति का उपयोग करें।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
top | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
शीर्ष संपत्ति लौटाएं:
object.style.top
शीर्ष संपत्ति सेट करें:
object.style.top = "auto|length|%|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
auto | Lets the browser set the top position. This is default |
length | Defines the top position in length units. Negative values are allowed |
% | Sets the top position in % of the height of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | ऑटो |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तैनात तत्व की शीर्ष स्थिति का प्रतिनिधित्व करता है |
सीएसएस संस्करण | सीएसएस 2 |
और ज्यादा उदाहरण
उदाहरण
नकारात्मक मानों का उपयोग करना - <div> तत्व की शीर्ष स्थिति निर्धारित करें:
document.getElementById("myDiv").style.top = "-100px";
उदाहरण
<div> तत्व की शीर्ष स्थिति लौटाएं:
alert(document.getElementById("myDiv").style.top);
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस पोजिशनिंग
सीएसएस संदर्भ: शीर्ष संपत्ति
❮ स्टाइल ऑब्जेक्ट