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