सीएसएस सूचियों का सर्वश्रेष्ठ उपयोग कैसे करें?



यह लेख आपको सीएसएस सूचियों से परिचित कराएगा और प्रक्रिया में यह समझने में मदद करेगा कि सीएसएस सूची स्टाइल प्रदर्शन के साथ कैसे काम करता है।

सीएसएस सूचियां गिने या बुलेटेड बिंदुओं के एक सेट तक पहुंचने में बहुत सहायक होती हैं। यह लेख आपको दिखाएगा कि प्रकार, स्थिति, शैली को कैसे नियंत्रित किया जाए CSS का उपयोग करना। निम्नलिखित बिंदुओं को यहां कवर किया जाएगा,

तो चलिए हम शुरू करते हैं,





सीएसएस सूची

सीएसएस गुण

पांच अलग-अलग सीएसएस गुण हैं जिनमें आप इसका उपयोग सूचियों को नियंत्रित करने के लिए कर सकते हैं:

  • सूची-शैली-प्रकार: यह हमें आकार या मार्कर की उपस्थिति को नियंत्रित करने की अनुमति देता है।
  • सूची-शैली-स्थिति: यह निर्दिष्ट करता है कि एक लंबी रेखा को दूसरी पंक्ति में लपेटने के लिए आवश्यक है या पहली पंक्ति के साथ संरेखित होना चाहिए या मार्कर से शुरू होना चाहिए।
  • सूची-शैली-चित्र: यह निर्दिष्ट करता है कि मार्कर के लिए एक छवि को जोड़ा जाना चाहिए या गोलियों या गिने बिंदुओं के बजाय अधिक आकर्षक बनाया जाना चाहिए।
  • सूची-शैली: यह पूर्ववर्ती गुणों के लिए आशुलिपि को दर्शाता है।
  • मार्कर-ऑफसेट: यह सूची में दर्ज मार्कर और पाठ के बीच की दूरी को निर्दिष्ट करता है।

यहाँ आमतौर पर उपयोग की जाने वाली सूची हैं: सूची-शैली-प्रकार और सूची-शैली-स्थिति। इसे नीचे समझाया गया है



सीएसएस सूचियों पर इस लेख के साथ आगे बढ़ना

सूची-शैली-प्रकार संपत्ति

सूची-शैली-प्रकार की संपत्ति में यह आपको अनलॉक्ड सूची मामले में बुलेट बिंदुओं या मार्कर के आकार और शैली को नियंत्रित करने देता है। आदेशित सूची मामले में यह वर्ण संख्या है।

नीचे दी गई तालिका अनारक्षित सूचियों का प्रतिनिधित्व करती है:



मान विवरण
कोई नहीं एनए
डिस्क यह सर्कल में भरा हुआ है। (डिफ़ॉल्ट एक)
वृत्त यह एक खाली घेरा है।
वर्ग यह वर्ग में भरा है।

नीचे दी गई सूचियों के लिए तालिका का प्रतिनिधित्व:

मान विवरण उदाहरण
दशमलव यह एक संख्या है1,4,3 है
दशमलव अग्रणी शून्य वास्तविक संख्या से पहले 001, 04, 03
निचला-अल्फा यह अक्षरांकीय वर्ण है।ए बी सी डी
ऊपरी-अल्फ़ा यह अपरकेस अल्फ़ान्यूमेरिक वर्ण है।ए बी सी डी
लोअर-रोमन इसका निचला भाग रोमन अंक है।i, ii, iii, iv, v
अपर-रोम यह रोमन अंक है।I, II, III, IV, V
निचला-ग्रीक मार्कर कम-ग्रीक में हैअल्फा, गामा
निचला-लैटिन मार्कर निचले-लैटिन में हैए बी सी डी
ऊपरी-लैटिन मार्कर ऊपरी-लैटिन में हैए बी सी डी

सीएसएस सूचियों पर इस लेख के साथ आगे बढ़ना

सीएसएस सूची: नमूना कार्यक्रम

 
  • जावा
  • अजगर
  • कोणीय
  • जावा
  • अजगर
  • कोणीय
  1. जावा
  2. अजगर
  3. कोणीय
  1. जावा
  2. अजगर
  3. कोणीय
  1. जावा
  2. अजगर
  3. कोणीय

आउटपुट

आउटपुट - सीएसएस सूची - एडुरका

सीएसएस सूचियों पर इस लेख के साथ आगे बढ़ना

सूची-शैली-स्थिति संपत्ति

सूची-शैली-स्थिति संपत्ति के लिए मार्कर मान

सूची-शैली-स्थिति संपत्ति में यह दिखाता है कि मार्कर को बुलेट बिंदुओं वाले बॉक्स के अंदर या बाहर दिखाई देना चाहिए। इसके दो मान हो सकते हैं:

मान विवरण
कोई नहीं एनए
के भीतर इस स्थिति में यदि पाठ दूसरी पंक्ति में जाता है, तो पाठ मार्कर के नीचे लपेट जाएगा। यह भी दिखाएगा कि सूचियों के बाहर होने पर पाठ प्रारंभ हो जाएगा या नहीं।
बाहर इस स्थिति में यदि पाठ दूसरी पंक्ति में चला जाता है, तो पाठ पहली पंक्ति की शुरुआत के साथ संरेखित हो जाएगा।

उदाहरण:

 
  • गणित
  • सामाजिक विज्ञान
  • भौतिक विज्ञान
  • गणित
  • सामाजिक विज्ञान
  • भौतिक विज्ञान
  1. गणित
  2. सामाजिक विज्ञान
  3. भौतिक विज्ञान
  1. गणित
  2. सामाजिक विज्ञान
  3. भौतिक विज्ञान

आउटपुट

यह हमें सीएसएस सूचियों पर इस लेख के अंत में लाता है।

बस समय संकलक जावा में

हमारी जाँच करें जो प्रशिक्षक के नेतृत्व वाले लाइव प्रशिक्षण और वास्तविक जीवन की परियोजना के अनुभव के साथ आता है। यह प्रशिक्षण आपको बैक-एंड और फ्रंट-एंड वेब तकनीकों के साथ काम करने के लिए कौशल में कुशल बनाता है। इसमें वेब डेवलपमेंट, jQuery, Angular, NodeJS, ExpressJS और MongoDB पर प्रशिक्षण शामिल है।

क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया लेख के टिप्पणी अनुभाग में इसका उल्लेख करें और हम आपके पास वापस आ जाएंगे।