HTML DOM स्टाइल लेफ्ट प्रॉपर्टी का उपयोग किसी पोजीशन एलिमेंट को लेफ्ट पोजीशन सेट करने या वापस करने के लिए किया जाता है। किसी तत्व की स्थिति के लिए, आपको उसकी स्थिति संपत्ति को सापेक्ष, निरपेक्ष या निश्चित पर सेट करना होगा।
−
. के लिए वाक्य रचना निम्नलिखित हैलेफ्ट प्रॉपर्टी सेट करना -
object.style.left = "auto|length|%|initial|inherit"
उपरोक्त गुणों को इस प्रकार समझाया गया है -
| मान <वें>विवरण | |
|---|---|
| auto | यह डिफ़ॉल्ट स्थिति है और ब्राउज़र को बाईं स्थिति पर सेट करता है। |
| लंबाई | यह लंबाई इकाइयों में बाईं स्थिति को परिभाषित करने के लिए है। यह नकारात्मक मूल्यों की अनुमति देता है। |
| % | मूल तत्व की चौड़ाई के सापेक्ष% में बच्चे की बाईं स्थिति को पूर्वनिर्धारित करना। |
| प्रारंभिक | इस गुण को प्रारंभिक मान पर पूर्वनिर्धारित करना। |
| उत्तराधिकारी | मूल संपत्ति मान को विरासत में मिला |
आइए हम लेफ्ट प्रॉपर्टी के लिए एक उदाहरण देखें -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
#DIV1{
margin-top:70px;
position:absolute;
width:100px;
height:100px;
background-color:red;
}
</style>
<script>
var setLeft=50;
function changeLeft() {
document.getElementById("DIV1").style.left = setLeft+"px";
setLeft+=50;
}
</script>
</head>
<h1>Left property example</h1>
<body>
<div id="DIV1"></div>
<p>Change the left position for the below div by clicking the below button</p>
<button type="button" id="myBtn" onclick="changeLeft()">Left Position</button>
</body>
</html> आउटपुट
“बाएं स्थान . पर क्लिक करने पर ” बटन, बॉक्स हर बार 50 px दाईं ओर चला जाएगा -
