Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

सीएसएस का उपयोग करके अनियंत्रित और आदेशित सूचियों को प्रारूपित करना

<घंटा/>

अव्यवस्थित और क्रमित दोनों सूचियों को प्रारूपित करने के लिए, सूची-शैली-प्रकार, सूची-शैली-छवि और सूची-शैली-स्थिति गुणों का उपयोग करें।

उदाहरण

आइए एक उदाहरण देखें जिसमें हम अनियंत्रित सूचियों (उल) को प्रारूपित कर रहे हैं -

टीम

  • भारत
  • ऑस्ट्रेलिया
  • इंग्लैंड
  • वेस्ट इंडीज
  • दक्षिण अफ्रीका
  • श्रीलंका

आउटपुट

सीएसएस का उपयोग करके अनियंत्रित और आदेशित सूचियों को प्रारूपित करना

उदाहरण

आइए अब एक उदाहरण देखें जिसमें हम ऑर्डर की गई सूचियों (ol) को फ़ॉर्मेट कर रहे हैं -

टीम

  1. भारत
  2. ऑस्ट्रेलिया
  3. इंग्लैंड
  4. वेस्टइंडीज
  5. दक्षिण अफ्रीका
  6. श्रीलंका
  7. ली>

आउटपुट

सीएसएस का उपयोग करके अनियंत्रित और आदेशित सूचियों को प्रारूपित करना

उदाहरण

आइए एक और उदाहरण देखें जिसमें हम ऑर्डर की गई और बिना क्रम वाली दोनों सूचियों के लिए सूची शैली के लिए एक छवि सेट करेंगे -

टीम

  • भारत - वर्डकप के लिए योग्य
  • ऑस्ट्रेलिया - WordCup के लिए योग्य
  • इंग्लैंड - WordCup के लिए योग्य

खिलाड़ी

  1. विराट कोहली
  2. डेविड वार्नर
  3. स्टीव स्मिथ

आउटपुट

सीएसएस का उपयोग करके अनियंत्रित और आदेशित सूचियों को प्रारूपित करना


  1. CSS के साथ कैलेंडर कैसे बनाएं?

    CSS के साथ कैलेंडर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    * {       box-sizing: b

  1. ::मार्कर सीएसएस चयनकर्ता के साथ सूचियों के लिए बुलेट रंग बदलें

    सिंटैक्स CSS ::marker चयनकर्ता का सिंटैक्स इस प्रकार है - Selector::marker {    attribute: /*value*/; } उदाहरण निम्नलिखित उदाहरण CSS ::marker चयनकर्ता को दर्शाते हैं। <!DOCTYPE html> <html>    <head>       <style>       &nbs

  1. CSS का उपयोग करके सूचियों में बुलेट को कैसे चेतन करें

    एक अनियंत्रित सूची में बुलेट को स्टाइल करने के लिए, हम सूची-शैली पोर का उपयोग कर सकते हैं सिंटैक्स CSS ली-स्टाइल प्रॉपर्टी का सिंटैक्स इस प्रकार है - li { सूची-शैली:/*value*/} उदाहरण निम्नलिखित उदाहरण CSS ली-स्टाइल संपत्ति को दर्शाते हैं। li { मार्जिन:3px 0; गद्दी:2%; चौड़ाई:28%; लाइन-ऊंचाई:1.2