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

CSS काउंटर-इंक्रीमेंट प्रॉपर्टी


CSS के साथ काउंटर वैल्यू बढ़ाने के लिए, काउंटर-इन्क्रीम का उपयोग करें एनटी संपत्ति।

आप प्रति-कार्यान्वयन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            counter-reset: section;
         }
         h2::before {
            counter-increment: section;
            content: "Fruit " counter(section) " - ";
         }
      </style>
   </head>
   <body>
      <h1>Fruits</h1>
      <h2>Mango</h2>
      <h2>Kiwi</h2>
   </body>
</html>

  1. सीएसएस व्हाइट-स्पेस प्रॉपर्टी

    किसी एलीमेंट के अंदर व्हाइट-स्पेस के साथ काम करने के लिए व्हाइट-स्पेस प्रॉपर्टी का इस्तेमाल करें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          p.demo1 {             white-space:

  1. CSS में राइटिंग-मोड प्रॉपर्टी

    राइटिंग-मोड प्रॉपर्टी का उपयोग यह निर्धारित करने के लिए किया जाता है कि टेक्स्ट की लाइनें क्षैतिज या लंबवत रूप से रखी गई हैं या नहीं। संपत्ति के मूल्य हैं - writing-mode: horizontal-tb|vertical-rl|vertical-lr; उदाहरण <!DOCTYPE html> <html> <head> <style> p {    writ

  1. सीएसएस स्क्रॉल-व्यवहार संपत्ति

    स्क्रॉल-व्यवहार गुण का उपयोग स्क्रॉल के व्यवहार को सेट करने के लिए किया जाता है। हम स्क्रॉल-व्यवहार गुण के लिए निम्नलिखित भिन्न गुण मान सेट कर सकते हैं - scroll-behavior: auto|smooth|initial|inherit; उदाहरण आइए अब sroll-behavior गुण को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <ht