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

Telavinda Mem Ovaraflo Hidana Aura Ovaraflo Vizibala Ka Upayoga Kaise Karem



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

यह आलेख प्रदर्शित करेगा:

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

'ओवर फलो हिडेन' क्लास उस सामग्री को छुपाता है या क्लिप करता है जो उस तत्व के आकार से अधिक है। टेलविंड में 'ओवरफ़्लो-हिडन' का उपयोग करने के लिए, एक 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 प्रोग्राम में वांछित तत्वों के साथ उपयोगिता वर्ग। 'अतिप्रवाह-छिपी' उपयोगिता अतिप्रवाहित सामग्री को छुपाती है जबकि 'अतिप्रवाह-दृश्यमान' निर्दिष्ट तत्व की अतिप्रवाहित सामग्री को दिखाती है। इस लेख में टेलविंड में 'अतिप्रवाह-छिपी' और 'अतिप्रवाह-दृश्यमान' उपयोगिताओं का उपयोग करने की विधि का उदाहरण दिया गया है।