टेलविंड सीएसएस प्रदान करता है ' साफ़ उपयोगिताएँ जो किसी विशेष तत्व के व्यवहार को नियंत्रित करती हैं जब वह किसी फ़्लोट किए गए तत्व के बगल में होता है। उदाहरण के लिए, 'स्पष्ट-बाएं' और 'स्पष्ट-दाएं' उपयोगिता वर्ग डेवलपर्स को निर्दिष्ट तत्वों को कंटेनर में किसी भी बाएं-फ्लोटेड या दाएं-फ्लोटेड तत्वों के नीचे ले जाने में सक्षम बनाते हैं। हालाँकि, कभी-कभी, उपयोगकर्ता कुछ तत्वों पर लागू किसी भी स्पष्ट को अक्षम करना चाहते हैं और उन्हें फ़्लोट किए गए तत्वों के बगल में प्रदर्शित होने की अनुमति देना चाहते हैं। ऐसी परिस्थितियों में, तत्व के डिफ़ॉल्ट मान को परिभाषित करने के लिए 'स्पष्ट-कोई नहीं' उपयोगिता का उपयोग किया जा सकता है।
यह आलेख टेलविंड सीएसएस में सभी लागू क्लीयर को अक्षम करने की प्रक्रिया का उदाहरण देगा।
टेलविंड में सभी एप्लाइड क्लीयर को कैसे अक्षम करें?
टेलविंड में सभी लागू क्लीयर को अक्षम करने के लिए, एक HTML फ़ाइल बनाएं और “जोड़ें” स्पष्ट-कोई नहीं HTML प्रोग्राम में वांछित तत्व के साथ उपयोगिता वर्ग। यह उपयोगिता किसी विशिष्ट तत्व पर लागू होने वाले किसी भी 'स्पष्ट' को रीसेट करती है और डिफ़ॉल्ट मान को परिभाषित करती है।
वाक्य - विन्यास
< तत्व कक्षा = 'स्पष्ट-कोई नहीं' > ... तत्व >
उदाहरण
इस उदाहरण में, हम 'का उपयोग करेंगे स्पष्ट-कोई नहीं 'के साथ उपयोगिता' <पी> लागू किए गए तत्वों को रीसेट करने के लिए तत्व और इसे बाईं और दाईं ओर तैरने की अनुमति दें:
< शरीर >
< डिव कक्षा = 'एच-96 एमएक्स-10 पी-8 बीजी-स्काई-500' >
< आईएमजी स्रोत = 'tailwindcss_img.png' कक्षा = 'फ्लोट-बाएं पी-3 डब्ल्यू-28 एच-24' सब कुछ = 'छवि' />
< आईएमजी स्रोत = 'tailwindcss_img.png' कक्षा = 'फ्लोट-राइट पी-3' सब कुछ = 'छवि' />
< पी कक्षा = 'स्पष्ट-कोई नहीं' > टेलविंड सीएसएस प्रदान करता है 'साफ़' किसी तत्व के चारों ओर सामग्री की रैपिंग को नियंत्रित करने के लिए उपयोगिताएँ।
यह उदाहरण दिखाएगा कि तत्वों पर लागू सभी क्लीयर को कैसे अक्षम किया जाए। किसी विशेष तत्व पर लागू किए गए किसी भी क्लीयर को रीसेट करने के लिए 'स्पष्ट-कोई नहीं' उपयोगिता का प्रयोग किया जाता है। पी >
डिव >
शरीर >
यहाँ:
- “ नाव छोड़ी ” वर्ग तत्व को कंटेनर के बाईं ओर तैरता है।
- “ सही नाव क्लास तत्व को कंटेनर के दाईं ओर तैराता है।
- “ स्पष्ट-कोई नहीं 'वर्ग
तत्व पर लागू किसी भी स्पष्ट को अक्षम कर देता है और तत्व को दोनों तरफ तैरने की अनुमति देता है।
उत्पादन
उपरोक्त वेब पेज में, यह देखा जा सकता है कि सामग्री कंटेनर के दोनों तरफ तैर रही है। यह इंगित करता है कि सभी लागू क्लीयर निर्दिष्ट तत्व से अक्षम कर दिए गए हैं।
निष्कर्ष
टेलविंड में सभी लागू क्लीयर को अक्षम करने के लिए, 'का उपयोग करें स्पष्ट-कोई नहीं HTML प्रोग्राम में वांछित तत्व के साथ उपयोगिता वर्ग। यह उपयोगिता किसी विशेष तत्व पर लागू होने वाले किसी भी स्पष्ट को रीसेट करती है और डिफ़ॉल्ट मान निर्दिष्ट करती है। सत्यापन के लिए, वेब पेज पर जाएँ और परिवर्तन देखें। इस आलेख ने टेलविंड सीएसएस में सभी लागू क्लीयर को अक्षम करने का उदाहरण प्रदर्शित किया है।