CSS float गुण
परिभाषा और उपयोग
float गुण एलिमेंट को किस दिशा में फ्लॉट करने के लिए परिभाषित करता है। पहले यह गुण केवल चित्रों पर लागू किया जाता था ताकि टेक्स्ट चित्र के चारों ओर घेरा जाए, लेकिन CSS में किसी भी एलिमेंट को फ्लॉट किया जा सकता है। फ्लॉट एलिमेंट एक ब्लॉक बॉक्स बना देता है, बिना इसके कि यह कौन सा एलिमेंट है。
यदि फ्लॉट बदली गई एलिमेंट को फ्लॉट करना है, तो एक स्पष्ट चौड़ाई निर्दिष्ट करें; अन्यथा, वे जितनी कम से कम चौड़ी होंगी。
टिप्पणी:यदि फ्लॉट एलिमेंट के ऊपर केवल बहुत कम जगह है, तो इस एलिमेंट को अगले पृष्ठ पर जाया जाएगा और यह प्रक्रिया उस पृष्ठ तक जारी रहेगी जब तक कि किसी पृष्ठ पर पर्याप्त जगह न हो जाए。
और देखें:
CSS शिक्षा:CSS स्थानीकरण
HTML DOM संदर्भ दस्तावेज़:cssFloat गुण
CSS व्याकरण
float: none|left|right|initial|inherit;
गुण मान
| मान | वर्णन |
|---|---|
| left | तत्व बाएँ फ्लॉट करता है。 |
| right | तत्व दाएँ फ्लॉट करता है。 |
| none | मूलभूत मान। तत्व फ्लॉट नहीं होता है और यह उस स्थान पर दिखाया जाता है जहाँ यह टेक्स्ट में है。 |
| inherit | पारंपरिक रूप से इस गुण का मान पितृ तत्व से ले लिया जाना है。 |
तकनीकी विवरण
| मूलभूत मान: | none |
|---|---|
| विरासत: | no |
| संस्करण: | CSS1 |
| JavaScript व्याकरण: | object.style.cssFloat="left" |
TIY उदाहरण
- float गुण का सरल उपयोग
- चित्र को एक पैराग्राफ के दाएँ फ्लॉट करें
- किनारा और बोर्डर वाले चित्र को पैराग्राफ के दाएँ फ्लॉट करें
- चित्र को पैराग्राफ के दाएँ फ्लॉट करें। चित्र पर किनारा और बोर्डर जोड़ें
- शीर्षक वाले चित्र को दाएँ फ्लॉट करें
- शीर्षक वाले चित्र को दाएँ फ्लॉट करें
- सबसे पहले पैराग्राफ की आरंभिक अक्षर को बाएँ फ्लॉट करें
- सबसे पहले पैराग्राफ की आरंभिक अक्षर को बाएँ फ्लॉट करें और इस अक्षर पर शैली जोड़ें
- आड़ा मेनू बनाएं
- सतह लिंक वाले फ्लॉट का उपयोग करके आड़ा मेनू बनाएं
- बिना तालिका वाला पहला पृष्ठ बनाएं
- सामग्री के शीर्ष और फुटर, बाएँ निर्देशिका और मुख्य सामग्री वाला पहला पृष्ठ बनाने के लिए फ्लॉट का उपयोग करें。
ब्राउज़र समर्थन
तालिका में दिए गए नंबरों में इस गुण का पूर्ण समर्थन वाला पहला ब्राउज़र संस्करण दर्शाया गया है。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
