HTML DOM cssFloat प्रॉपर्टी का उपयोग किसी तत्व के क्षैतिज संरेखण (horizontal alignment) को सेट या प्राप्त करने के लिए किया जाता है। आप तत्व को बाएं या दाएं फ्लोट कर सकते हैं:
सिंटैक्स निम्नलिखित है:
cssFloat प्रॉपर्टी सेट करना:
object.style.cssFloat = "left|right|none|initial|inherit"
उपरोक्त प्रॉपर्टी मान निम्नलिखित हैं:
| मान | विवरण |
|---|---|
| None | यह डिफ़ॉल्ट मान है और तत्व को फ्लोट नहीं करता है। |
| Left | यह तत्व को मूल तत्व की सबसे बाईं स्थिति में फ्लोट करता है। |
| Right | यह तत्व को मूल तत्व की सबसे दाईं स्थिति में फ्लोट करता है। |
| Initial | इस प्रॉपर्टी को प्रारंभिक मान पर सेट करने के लिए। |
| Inherit | मूल तत्व के प्रॉपर्टी मान को विरासत में लेने के लिए। |
आइए cssFloat प्रॉपर्टी के लिए एक उदाहरण देखें:
उदाहरण
<!DOCTYPE html> <html> <head> <style> #DIV1 { height: 50px; width: 50px; margin: 5px; float: left; background-color: rebeccapurple; } div+p{ height:70px; color: red; border: 2px solid #b8860b; } </style> <script> function changeFloat() { document.getElementById("DIV1").style.float = "right"; document.getElementById("Sample").innerHTML="div तत्व अब दाएं फ्लोट होगा"; } </script> <body> <div id="DIV1"></div> <p>यह एक नमूना पैराग्राफ है। यहां इस पैराग्राफ में एक और लाइन है। यहां पैराग्राफ में तीसरी लाइन है। </p> <p>नीचे दिए गए बटन पर क्लिक करके उपरोक्त div फ्लोट प्रॉपर्टी बदलें</p> <button onclick="changeFloat()">फ्लोट बदलें</button> <p id="Sample"></p> </body> </html>आउटपुट
फ्लोट बदलें बटन पर क्लिक करने पर:
