CSS clear गुण

व्याख्या और उपयोग

clear गुण निर्दिष्ट करता है कि एलिमेंट के किस ओर पर फ्लोटिंग एलिमेंट को नहीं दिखाना है。

वर्णन

clear गुण निर्दिष्ट करता है कि एलिमेंट के किस ओर पर फ्लोटिंग एलिमेंट को नहीं दिखाना है।CSS1 और CSS2 में यह एकमात्र तरीके से स्वतः छूट देने वाले एलिमेंट (जो clear गुण सेट किया गया है) के ऊपरी बाह्य किनारा बढ़ाकर निर्धारित किया जाता है।CSS2.1 में, इसके ऊपरी बाह्य किनारा के ऊपर छूट जगह बढ़ाई जाती है और बाह्य किनारा स्वयं नहीं बदलता है।इसी तरीके से किसी भी बदलाव का अंतिम परिणाम एक ही है।यदि बाएँ या दायाँ ओर के लिए छूट को घोषित किया जाता है, तो एलिमेंट का ऊपरी बाह्य किनारा उस ओर के फ्लोटिंग एलिमेंट के ऊपरी बाह्य किनारा से नीचे होगा।

और देखें:

CSS शिक्षा:CSS स्थानांतरण

HTML DOM संदर्भ दस्तावेज़:clear गुण

उदाहरण

इस एलिमेंट के बाएँ और दायाँ ओरों में फ्लोटिंग एलिमेंट को नहीं दिखाना है:

img
  {
  float:left;
  clear:both;
  }

अपने आप सबसे उदाहरण

CSS व्याकरण

clear: none|left|right|both|initial|inherit;

गुण मान

मान वर्णन
बाएँ बाएँ ओर से फ्लोटिंग एलिमेंट को नहीं दिखाना है。
दायाँ दायाँ ओर से फ्लोटिंग एलिमेंट को नहीं दिखाना है。
दोनों तरफ दोनों तरफ से फ्लोटिंग एलिमेंट को नहीं दिखाना है。
कोई भी नहीं मूलभूत मान।फ्लोटिंग एलिमेंट दोनों तरफ से दिखाई देते हैं。
विरासत यह निर्दिष्ट करता है कि clear गुण के मान को पिता एलिमेंट से विरासत किया जाना चाहिए。

तकनीकी विवरण

मूलभूत मान: कोई भी नहीं
विरासत: नहीं
संस्करण: CSS1
जावास्क्रिप्ट व्याकरण: object.style.clear="left"

TIY उदाहरण

एलिमेंट के पास के फ्लोटिंग
इस उदाहरण में देखा जाता है कि कैसे एक एलिमेंट के पास के फ्लोटिंग एलिमेंटों को साफ किया जाता है。

ब्राउज़र समर्थन

तालिका में दिए गए नंबरों से पूर्णता से समर्थित इस गुण का पहला ब्राउज़र संस्करण को निर्दिष्ट किया गया है。

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0