शैली cssFloat संपत्ति
उदाहरण
दो बटनों पर क्लिक करते समय एक छवि को टेक्स्ट के बाएँ/दाएँ तैरने दें:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
परिभाषा और उपयोग
cssFloat गुण किसी तत्व के क्षैतिज संरेखण को सेट या लौटाता है।
नोट: CSS "float" गुण को JavaScript में "cssFloat" कहा जाता है, क्योंकि "float" JavaScript में एक आरक्षित शब्द है।
नोट: यदि फ़्लोटिंग तत्व के लिए एक रेखा पर बहुत कम जगह है, तो यह अगली पंक्ति में कूद जाएगी जिसमें पर्याप्त जगह होगी।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
cssFloat संपत्ति लौटाएं:
object.style.cssFloat
cssFloat गुण सेट करें:
object.style.cssFloat = "left|right|none|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
none | The object/element is not floated. This is default |
left | The object/element will float to the left in the parent element |
right | The object/element will float to the right in the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | कोई नहीं |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व के क्षैतिज संरेखण का प्रतिनिधित्व करता है |
डोम संस्करण | डोम स्तर 2 |
और ज्यादा उदाहरण
उदाहरण
एक डीआईवी तत्व की cssFloat संपत्ति बदलें:
document.getElementById("myDIV").style.cssFloat = "left";
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस फ्लोट
❮ स्टाइल ऑब्जेक्ट