- ' या '
- ' तत्व होते हैं। प्रत्येक
- तत्व एक सूची आइटम का प्रतिनिधित्व करता है जिसमें पाठ, चित्र, लिंक या अन्य सामग्री हो सकती है। सूची शैली प्रकार वेब पृष्ठों पर आकर्षक और आकर्षक सूचियाँ बनाने के लिए एक उपयोगी गुण है।
यह लेख वर्णन करेगा:
Tailwind CSS में सूची शैली प्रकार क्या है?
सूची शैली प्रकार एक सीएसएस संपत्ति है जिसका उपयोग आदेशित सूचियों
- और अनियंत्रित सूचियों
- पहला, ' <उल> ” में 'सूची-डिस्क' वर्ग लागू है जो प्रत्येक सूची आइटम के लिए भरे हुए सर्कल मार्कर प्रदर्शित करता है।
- दूसरा, ' <ओल> ” में 'सूची-दशमलव' वर्ग लागू है जो अंकीय दशमलव मानों को मार्कर के रूप में प्रदर्शित करता है।
- अंतिम ' <उल> ” में कोई उपयोगिता वर्ग लागू नहीं है, इसलिए यह डिफ़ॉल्ट सूची मार्कर शैली का उपयोग करेगा।
- में सूची आइटम मार्करों के रूप को अनुकूलित करने के लिए किया जाता है। यह सूची मदों के लिए उपयोग की जाने वाली बुलेट या नंबरिंग शैली के प्रकार को निर्दिष्ट करता है।
सूची शैली प्रकार में तीन वर्ग होते हैं, जैसे:
सूची-डिस्क
यह 'सूची-शैली-प्रकार' संपत्ति को डिस्क पर सेट करता है, जो अनियंत्रित सूचियों के लिए मार्कर के रूप में भरे हुए सर्कल को प्रदर्शित करता है ' <उल> ”
सूची-दशमलव
यह 'सूची-शैली-प्रकार' संपत्ति को दशमलव पर सेट करता है, जो संख्यात्मक दशमलव मान (1, 2, 3, आदि) को आदेशित सूचियों के लिए मार्कर के रूप में दिखाता है ' <ओल> ”।
सूची-कोई नहीं
यह 'सूची-शैली-प्रकार' संपत्ति को किसी पर सेट नहीं करता है, जिसका अर्थ है कि सूची आइटम के लिए कोई मार्कर प्रदर्शित नहीं होता है।
Tailwind CSS में सूची शैली प्रकार का उपयोग कैसे करें?
Tailwind CSS में सूची शैली प्रकार का उपयोग करने के लिए, सबसे पहले, एक HTML प्रोग्राम बनाएं और उसमें सूची तत्वों का उपयोग “ निर्दिष्ट करके करें सूची-डिस्क ' और ' सूची-दशमलव उपयोगिताओं। फिर, HTML प्रोग्राम चलाएँ और सत्यापन के लिए आउटपुट देखें:
चरण 1: सूची आइटमों का उपयोग करके HTML वेब पेज बनाएं
सबसे पहले, एक HTML प्रोग्राम बनाएं और 'सूची-डिस्क' और 'सूची-दशमलव' उपयोगिताओं का उपयोग करके इसमें सूची तत्वों का उपयोग करें। उदाहरण के लिए, हमने निम्नलिखित तत्वों का उपयोग किया है:
< शरीर >
< डिव कक्षा = 'एच-स्क्रीन एमएल-10' >
< उल कक्षा = 'सूची-डिस्क' >
< वह > सूची आइटम 1 < / वह >
< वह > सूची आइटम 2 < / वह >
< वह > सूची आइटम 3 < / वह >
< / उल >
< बीआर >
< राजभाषा कक्षा = 'सूची-दशमलव' >
< वह > सूची आइटम 1 < / वह >
< वह > सूची आइटम 2 < / वह >
< वह > सूची आइटम 3 < / वह >
< / राजभाषा >
< बीआर >
< उल >
< वह > सूची आइटम 1 < / वह >
< वह > सूची आइटम 2 < / वह >
< वह > सूची आइटम 3 < / वह >
< / उल >
< / डिव >
< / शरीर >यहाँ,
चरण 2: HTML वेब पेज देखें
फिर, HTML प्रोग्राम चलाएँ और आउटपुट को सत्यापित करने के लिए वेब पेज देखें:
उपरोक्त आउटपुट ने उन सूचियों को प्रदर्शित किया है जिनके अनुसार उन्हें स्टाइल किया गया था।
निष्कर्ष
सूची शैली प्रकार एक सीएसएस संपत्ति है जिसका उपयोग क्रमबद्ध और अनियंत्रित सूचियों में सूची आइटम मार्करों के रूप को अनुकूलित करने के लिए किया जाता है। यह सूची मदों के लिए उपयोग की जाने वाली बुलेट या नंबरिंग शैली के प्रकार को निर्दिष्ट करता है। इसका उपयोग टेलविंड में निर्दिष्ट करके किया जा सकता है ' सूची-डिस्क ' और ' सूची-दशमलव उपयोगिताओं। इस लेख में सूची शैली प्रकार और Tailwind में इसके उपयोग के बारे में बताया गया है.
- ' तत्व और एक या अधिक बच्चे '