फ्लोट गुण

float गुण - फ्लोटिंग ब्लॉक सेट करता है, जिनके चारों ओर टेक्स्ट फ्लो होगा। float गुण का उपयोग कभी-कभी clear गुण के साथ मिलाकर किया जाता है, जो एलिमेंट के फ्लो को रद्द करता है।

हालांकि मूल रूप से float को टेक्स्ट में फ्लोटिंग ब्लॉक डालने के लिए बनाया गया था, वर्तमान में इसका उपयोग लेआउट बनाने के लिए बहुत व्यापक रूप से और गैर-मानक तरीके से किया जाता है।

सिंटैक्स

cssसिलेक्टर {
  float: left | right | none;
}

cssसिलेक्टर {
  clear: both | left | right | none;
}

फ्लोट के लिए मान

मान	विवरण
`left`	ब्लॉक बाईं ओर फ्लोट करेगा, और टेक्स्ट उसे दाईं ओर से फ्लो करेगा।
`right`	ब्लॉक दाईं ओर फ्लोट करेगा, और टेक्स्ट उसे बाईं ओर से फ्लो करेगा।
`none`	कोई फ्लो नहीं।

डिफॉल्ट मान: none.

क्लियर के लिए मान

मान	विवरण
`left`	बाईं ओर से फ्लो को रद्द करता है।
`right`	दाईं ओर से फ्लो को रद्द करता है।
`both`	बाईं और दाईं दोनों ओर से फ्लो को रद्द करता है।
`none`	फ्लो की कोई रद्दीकरण नहीं।

डिफॉल्ट मान: none.

उदाहरण

float का उपयोग गैर-मानक तरीके से करते हैं, सूची आइटम्स को एक लाइन में रखने के लिए:

html<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

cssli {
  float: left;
  border: 1px solid red;
}

Результат:

यह भी देखें

clear गुण,
जो ऊपर के एलिमेंट्स के लिए फ्लोट को रद्द करता है