Style cssFloat गुण
- पिछला पृष्ठ काउंटरीजेट
- अगला पृष्ठ कर्सर
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
परिभाषा और उपयोग
cssFloat
गुण सेट करने या वापसी करने के लिए एलीमेंट के लवल रेखांकन को निर्धारित करता है。
सूचना:CSS "float" गुण JavaScript में "cssFloat" के रूप में जाना जाता है क्योंकि "float" JavaScript में आगमन शब्द है।
टिप्पणी:यदि एक पंक्ति में फ्लोट एलीमेंट के जगह कम होता है, तो वह अगली पंक्ति में जिसमें पर्याप्त जगह है, उसमें जाएगा。
अन्य देखें:
CSS शिक्षा:CSS फ्लॉटिंग
उदाहरण
उदाहरण 1
दोनों बटन पर क्लिक करके छवि को पाठ के बाईं/दायाँ ओर फ्लोट करें:
function floatRight() { document.getElementById("myImg").style.cssFloat = "right"; } function floatLeft() { document.getElementById("myImg").style.cssFloat = "left"; }
उदाहरण 2
डीवी एलीमेंट के cssFloat गुण को बदलें:
document.getElementById("myDIV").style.cssFloat = "left";
व्याकरण
सेट करें cssFloat गुण वापसी करें:
object.style.cssFloat
सेट करें cssFloat गुण:
object.style.cssFloat = "left|right|none|initial|inherit"
गुण मान
मान | वर्णन |
---|---|
none | ऑब्जेक्ट/एलीमेंट फ्लोट नहीं होगा। डिफ़ॉल्ट。 |
left | ऑब्जेक्ट/एलीमेंट पैर एलीमेंट में बाईं फ्लोट होगा。 |
right | ऑब्जेक्ट/एलीमेंट पैर एलीमेंट में दायाँ फ्लोट होगा。 |
initial | इस गुण को इसके डिफ़ॉल्ट मान में सेट करें। देखें initial。 |
inherit | इस गुण को उसके माता एलीमेंट से आगमन करें। देखें inherit。 |
तकनीकी विवरण
डिफ़ॉल्ट मान: | नहीं |
---|---|
वापसी वाली गुणवत्ता: | शब्द, इलेमेंट के होरिज़ोंटल अलाइनमेंट को व्यक्त करता है। |
DOM संस्करणः | DOM लेवल 2 |
ब्राउज़र समर्थन
च्रोम | एज | फायरफॉक्स | सैफारी | ऑपेरा |
---|---|---|---|---|
च्रोम | एज | फायरफॉक्स | सैफारी | ऑपेरा |
समर्थन | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ काउंटरीजेट
- अगला पृष्ठ कर्सर
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट