यह आलेख प्रदर्शित करेगा:
टेलविंड में 'ओवरफ़्लो-हिडन' का उपयोग कैसे करें?
'ओवर फलो हिडेन' क्लास उस सामग्री को छुपाता है या क्लिप करता है जो उस तत्व के आकार से अधिक है। टेलविंड में 'ओवरफ़्लो-हिडन' का उपयोग करने के लिए, एक HTML प्रोग्राम बनाएं और विशिष्ट तत्व के साथ 'ओवरफ़्लो-हिडन' उपयोगिता वर्ग लागू करें।
वाक्य - विन्यास
<तत्व कक्षा = 'ओवर फलो हिडेन ...' > ... < / तत्व>
उदाहरण
इस उदाहरण में, हम इसे लागू करेंगे 'ओवर फलो हिडेन' अतिप्रवाह सामग्री को छिपाने के लिए
< शरीर >
< डिव कक्षा = 'ओवरफ्लो-हिडन बीजी-पर्पल-300 पी-4 एमएक्स-16 एमटी-5 एच-32 टेक्स्ट-जस्टिफाई' >
टेलविंड सीएसएस विभिन्न प्रदान करता है 'अतिप्रवाह' उपयोगिताएँ, जैसे 'अतिप्रवाह-ऑटो' , 'अतिप्रवाह-स्क्रॉल' , 'ओवर फलो हिडेन' ,
'अतिप्रवाह-दृश्यमान' आदि। ये उपयोगिताएँ निर्धारित करती हैं कि कोई विशिष्ट तत्व कैसे संभालता है सामग्री से अधिक है
CONTAINER आकार . प्रत्येक उपयोगिता अद्वितीय कार्यक्षमता प्रदान करती है, हालाँकि, उनका अंतिम लक्ष्य एक ही रहता है, अर्थात नियंत्रण करना
का अतिप्रवाह व्यवहार चयनित तत्व।
< / डिव >
< / शरीर >
यहाँ:
- 'ओवर फलो हिडेन' क्लास का उपयोग उस सामग्री को छिपाने के लिए किया जाता है जो कंटेनर के आकार से अधिक है।
- 'बीजी-बैंगनी-300' क्लास कंटेनर की पृष्ठभूमि पर बैंगनी रंग सेट करता है।
- 'पी-4' क्लास कंटेनर के सभी तरफ पैडिंग की 4 इकाइयाँ सेट करता है।
- 'एमएक्स-16' क्लास कंटेनर के x-अक्ष पर मार्जिन की 16 इकाइयाँ लागू करता है।
- 'एमटी-5' क्लास मार्जिन की 5 इकाइयों को कंटेनर के शीर्ष पर लागू करता है।
- 'एच-32' क्लास कंटेनर की ऊंचाई 32 इकाइयों पर सेट करता है।
- 'पाठ-औचित्य' वर्ग कंटेनर के अंदर सामग्री के पाठ को उचित ठहराता है।
उत्पादन
उपरोक्त आउटपुट में, अतिप्रवाहित सामग्री को नहीं देखा जा सकता है जो इंगित करता है कि 'अतिप्रवाह-छिपी' संपत्ति सफलतापूर्वक लागू की गई है।
टेलविंड में 'ओवरफ़्लो-विज़िबल' का उपयोग कैसे करें?
'अतिप्रवाह-दृश्यमान' वर्ग अत्यधिक सामग्री को दृश्यमान बनाने में सक्षम बनाता है। टेलविंड में 'ओवरफ़्लो-विज़िबल' का उपयोग करने के लिए, एक HTML संरचना बनाएं और विशेष तत्व के साथ 'ओवरफ़्लो-विज़िबल' उपयोगिता वर्ग लागू करें।
वाक्य - विन्यास
<तत्व कक्षा = 'अतिप्रवाह-दृश्यमान...' >...< / तत्व>उदाहरण
इस उदाहरण में, हम इसे लागू करेंगे 'अतिप्रवाह-दृश्यमान' अतिप्रवाह सामग्री दिखाने के लिएकंटेनर की उपयोगिता: < शरीर >
< डिव कक्षा = 'ओवरफ़्लो-विज़िबल बीजी-पर्पल-300 पी-4 एमएक्स-16 एमटी-5 एच-32 टेक्स्ट-जस्टिफ़ाई' >
टेलविंड सीएसएस विभिन्न प्रदान करता है 'अतिप्रवाह' उपयोगिताएँ, जैसे 'अतिप्रवाह-ऑटो' , 'अतिप्रवाह-स्क्रॉल' , 'ओवर फलो हिडेन' ,
'अतिप्रवाह-दृश्यमान' आदि। ये उपयोगिताएँ निर्धारित करती हैं कि कोई विशिष्ट तत्व कैसे संभालता है सामग्री से अधिक है
CONTAINER आकार . प्रत्येक उपयोगिता अद्वितीय कार्यक्षमता प्रदान करती है, हालाँकि, उनका अंतिम लक्ष्य एक ही रहता है, अर्थात नियंत्रण करना
का अतिप्रवाह व्यवहार चयनित तत्व।
< / डिव >
< / शरीर >यहां, उपरोक्त कोड स्निपेट में, 'अतिप्रवाह-दृश्यमान' क्लास का उपयोग उस सामग्री को दिखाने के लिए किया जाता है जो कंटेनर के आकार से अधिक है।
उत्पादन
उपरोक्त आउटपुट के अनुसार, 'अतिप्रवाह-दृश्यमान' उपयोगिता सफलतापूर्वक लागू की गई है।
निष्कर्ष
टेलविंड में 'ओवरफ़्लो-हिडन' और 'ओवरफ़्लो-विज़िबल' का उपयोग करने के लिए, जोड़ें 'ओवर फलो हिडेन' और 'अतिप्रवाह-दृश्यमान' HTML प्रोग्राम में वांछित तत्वों के साथ उपयोगिता वर्ग। 'अतिप्रवाह-छिपी' उपयोगिता अतिप्रवाहित सामग्री को छुपाती है जबकि 'अतिप्रवाह-दृश्यमान' निर्दिष्ट तत्व की अतिप्रवाहित सामग्री को दिखाती है। इस लेख में टेलविंड में 'अतिप्रवाह-छिपी' और 'अतिप्रवाह-दृश्यमान' उपयोगिताओं का उपयोग करने की विधि का उदाहरण दिया गया है।