स्टाइल bottom गुण
- पिछला पृष्ठ borderWidth
- अगला पृष्ठ boxShadow
- एक पूर्व पर्याय एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
परिभाषा और उपयोग
bottom
निर्देशक तत्व के निचले स्थान को सेट या वापसी करने के लिए गुण सेट करें
सूचना:निर्देशक तत्व का अर्थ है कि position गुण को relative, absolute या fixed सेट किया गया है वाला तत्व。
सूचना:यदि आप निर्देशक तत्व के ऊपरी स्थान को सेट या वापसी करना चाहते हैं, तो top गुण का उपयोग करें。
अन्य संदर्भ दस्तावेज़:
CSS पाठ्यक्रम:CSS प्सटिंग
CSS संदर्भ दस्तावेज़:bottom गुण
उदाहरण
उदाहरण 1
सेट <button> तत्व के निचले स्थान:
document.getElementById("myBtn").style.bottom = "100px";
उदाहरण 2
सेट <div> तत्व के निचले स्थान:
document.getElementById("myDiv").style.bottom = "10px";
उदाहरण 3
नकारात्मक मूल्य - <div> तत्व के निचले स्थान को सेट करें:
document.getElementById("myDiv").style.bottom = "-100px";
उदाहरण 4
वापसी <div> तत्व के निचले स्थान:
alert(document.getElementById("myDiv").style.bottom);
व्याकरण
वापसी bottom गुण:
object.style.bottom
सेट bottom गुण:
object.style.bottom = "auto|length|%|initial|inherit"
गुण मूल्य
मूल्य | वर्णन |
---|---|
auto | ब्राउज़र को निचले स्थान को सेट करने के लिए दें। मूलभूत |
length | आकार इकाई से निचले स्थान को परिभाषित करें। नकारात्मक मूल्य अनुमति है। |
% | पैरंत्री की ऊंचाई के प्रतिशत से निचले स्थान को सेट करें。 |
initial | इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखें initial。 |
inherit | अपने पैरंत्री से इस गुण को विरासत करें। देखें inherit。 |
तकनीकी विवरण
मूलभूत मूल्य: | auto |
---|---|
वापसी मूल्य: | एक तारा के रूप में वर्णन, जो निर्देशक तत्व के निचले स्थान को दर्शाता है。 |
CSS संस्करण: | CSS2 |
ब्राउज़र समर्थन
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
समर्थन | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ borderWidth
- अगला पृष्ठ boxShadow
- एक पूर्व पर्याय एचटीएमएल डॉम स्टाइल ऑब्जैक्ट