HTML DOM clear प्रॉपर्टी का उपयोग फ्लोटिंग तत्व की स्थिति को प्राप्त या सेट करने के लिए किया जाता है। इसका उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि किसी तत्व को किसी अन्य फ्लोटिंग तत्व के नीचे ले जाया जाना चाहिए या नहीं।
सिंटैक्स निम्नलिखित है:
clear प्रॉपर्टी सेट करना:
object.style.clear='none|left|right|both|initial|inherit'
उपरोक्त प्रॉपर्टी निम्नलिखित हैं:
| मान | विवरण |
|---|---|
| left | तत्व बाईं ओर फ्लोट नहीं होते हैं। |
| right | तत्व दाईं ओर फ्लोट नहीं होते हैं। |
| both | तत्व न तो बाएं और न ही दाएं फ्लोट होते हैं। |
| none | तत्व दोनों तरफ फ्लोट होते हैं और यह डिफ़ॉल्ट मान है। |
| inherit | मूल तत्व के प्रॉपर्टी मान को विरासत में लेने के लिए। |
आइए clear प्रॉपर्टी के लिए एक उदाहरण देखें:
उदाहरण
<!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="div क्लियर प्रॉपर्टी अब बाएं से दाएं बदल गई है"; } </script> </head> <body> <img src="https://www.tutorialspoint.com/qlikview/images/qlikview-mini-logo.jpg"> <div id="DIV1">यह div के अंदर नमूना टेक्स्ट है। यह div के अंदर एक और लाइन है। यहां एक div है जिसमें कुछ यादृच्छिक अंग्रेजी टेक्स्ट है। यह div clear प्रॉपर्टी को प्रदर्शित करने के लिए बनाया गया है </div> <p>नीचे दिए गए बटन पर क्लिक करके उपरोक्त div क्लियर प्रॉपर्टी बदलें</p> <button onclick="changeClear()">क्लियर बदलें</button> <p id="Sample"></p> </body> </html>आउटपुट
क्लियर बदलें बटन पर क्लिक करने पर:
