टेलविंड में 'ओवरफ़्लो-ऑटो' और 'ओवरफ़्लो-स्क्रॉल' का उपयोग कैसे करें?

उदाहरण
इस उदाहरण में, हम इसे लागू करेंगे 'अतिप्रवाह-ऑटो' की उपयोगिता

• 'अतिप्रवाह-ऑटो' क्लास का उपयोग स्क्रॉलबार को जोड़ने के लिए किया जाता है कंटेनर और उन्हें केवल तभी दिखाएं जब स्क्रॉल करना आवश्यक हो।
• 'बीजी-बैंगनी-300' क्लास बैंगनी रंग को कंटेनर के पृष्ठभूमि रंग पर सेट करता है।
• 'पी-4' क्लास कंटेनर के सभी तरफ पैडिंग की 4 इकाइयाँ सेट करता है।
• 'एमएक्स-16' क्लास कंटेनर के x-अक्ष पर मार्जिन की 16 इकाइयाँ लागू करता है।
• 'एमटी-5' क्लास मार्जिन की 5 इकाइयों को कंटेनर के शीर्ष पर लागू करता है।
• 'एच-32' क्लास कंटेनर की ऊंचाई 32 इकाइयों पर सेट करता है।
• 'पाठ-औचित्य' वर्ग कंटेनर के अंदर सामग्री के पाठ को उचित ठहराता है।

उत्पादन


---





---

टेक्स्ट ओवरफ्लो होने पर उपरोक्त आउटपुट एक वर्टिकल स्क्रॉलबार दिखाता है। इससे पता चलता है कि 'अतिप्रवाह-ऑटो' उपयोगिता को तत्व पर सफलतापूर्वक लागू किया गया है।

टेलविंड में 'ओवरफ़्लो-स्क्रॉल' का उपयोग कैसे करें?

यह उपयोगिता स्क्रॉलबार को कंटेनर में जोड़ती है और स्क्रॉलिंग आवश्यक न होने पर भी उन्हें हमेशा दिखाती है। यह सभी दिशाओं में स्क्रॉल करने की भी अनुमति देता है। टेलविंड में 'ओवरफ़्लो-स्क्रॉल' का उपयोग करने के लिए, एक HTML प्रोग्राम बनाएं और जोड़ें 'अतिप्रवाह-स्क्रॉल' HTML प्रोग्राम में विशेष तत्व के लिए उपयोगिता वर्ग।





वाक्य - विन्यास

< तत्व कक्षा = 'अतिप्रवाह-स्क्रॉल ...' > ... तत्व >

उदाहरण
इस उदाहरण में, हम इसे लागू करेंगे 'अतिप्रवाह-स्क्रॉल' की उपयोगिता

कंटेनर: < शरीर >

< डिव कक्षा = 'ओवरफ्लो-स्क्रॉल बीजी-पर्पल-300 पी-4 एमएक्स-16 एमटी-5 एच-32 टेक्स्ट-जस्टिफाई' >

टेलविंड सीएसएस विभिन्न 'ओवरफ़्लो' उपयोगिताएँ प्रदान करता है, जैसे 'ओवरफ़्लो-ऑटो', 'ओवरफ़्लो-स्क्रॉल', 'ओवरफ़्लो-हिडन', 'ओवरफ़्लो-विज़िबल' आदि। ये उपयोगिताएँ निर्धारित करती हैं कि एक विशिष्ट तत्व कंटेनर से अधिक सामग्री को कैसे संभालता है आकार। प्रत्येक उपयोगिता अद्वितीय कार्यक्षमता प्रदान करती है, हालाँकि, उनका अंतिम लक्ष्य एक ही रहता है, अर्थात चयनित तत्व के अतिप्रवाह व्यवहार को नियंत्रित करना।

< / डिव >

< / शरीर >

यहां ही 'अतिप्रवाह-स्क्रॉल' क्लास का उपयोग स्क्रॉलबार को जोड़ने के लिए किया जाता है

कंटेनर और हमेशा उन्हें दिखाता है।

उत्पादन



उपरोक्त आउटपुट में, लंबवत और क्षैतिज दोनों स्क्रॉलबार देखे जा सकते हैं। इससे पता चलता है कि 'अतिप्रवाह-स्क्रॉल' उपयोगिता को तत्व पर सफलतापूर्वक लागू किया गया है।

निष्कर्ष

टेलविंड में 'ओवरफ़्लो-ऑटो' और 'ओवरफ़्लो-स्क्रॉल' का उपयोग करने के लिए, इसे जोड़ना आवश्यक है 'अतिप्रवाह-ऑटो' और 'अतिप्रवाह-स्क्रॉल' HTML प्रोग्राम में वांछित तत्वों के लिए उपयोगिता वर्ग। दोनों उपयोगिता वर्ग निर्दिष्ट तत्वों में स्क्रॉलबार जोड़ते हैं। हालाँकि, 'ओवरफ़्लो-ऑटो' वर्ग स्क्रॉलबार केवल तभी दिखाता है जब स्क्रॉल करना आवश्यक होता है जबकि 'ओवरफ़्लो-स्क्रॉल' वर्ग हमेशा उन्हें दिखाता है भले ही स्क्रॉलिंग आवश्यक न हो। इस लेख में टेलविंड में 'ओवरफ़्लो-ऑटो' और 'ओवरफ़्लो-स्क्रॉल' का उपयोग करने के तरीकों का वर्णन किया गया है।