HTML DOM क्लियर प्रॉपर्टी का उपयोग फ्लोटिंग एलिमेंट की स्थिति प्राप्त करने या सेट करने के लिए किया जाता है। इसका उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि एक तत्व को दूसरे फ़्लोटिंग तत्व के नीचे ले जाया जाना चाहिए या नहीं।
−
. के लिए वाक्य रचना निम्नलिखित हैस्पष्ट गुण सेट करना -
object.style.clear='none|left|right|both|initial|inherit'
उपरोक्त गुणों को इस प्रकार समझाया गया है -
| मान | <वें शैली ="पाठ-संरेखण:केंद्र;">विवरण|
|---|---|
| बाएं | तत्व बाईं ओर तैरते नहीं हैं। |
| दाएं | तत्व दाईं ओर तैरते नहीं हैं |
| दोनों | तत्व न तो बाईं ओर और न ही दाईं ओर तैरते हैं। |
| कोई नहीं | तत्व दोनों तरफ तैरते हैं और यह डिफ़ॉल्ट मान है। |
| उत्तराधिकारी | मूल संपत्ति मूल्य प्राप्त करने के लिए |
आइए स्पष्ट संपत्ति के लिए एक उदाहरण देखें -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
img {
margin: 5px;
float: right;
clear: both;
border: 2px solid orange;
}
#DIV1{
clear:left;
}
</style>
<script>
function changeClear(){
document.getElementById("DIV1").style.clear="right";
document.getElementById("Sample").innerHTML="The div clear property is changed to right from left ";
}
</script>
</head>
<body>
<img src="https://www.tutorialspoint.com/qlikview/images/qlikview-mini-logo.jpg">
<div id="DIV1">This is sample text inside div. This is another line inside the div.Here is a div containing some random english text. This div is created to demonstrate clear property </div>
<p>Change the above div clear property by clicking the below button</p>
<button onclick="changeClear()">Change Clear</button>
<p id="Sample"></p>
</body>
</html> आउटपुट
“बदलें साफ़ करें” . पर क्लिक करने पर बटन -
