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

CSS से मार्कर और उससे संबंधित टेक्स्ट के बीच दूरी सेट करें

marker-offset गुण आपको मार्कर और उससे संबंधित टेक्स्ट के बीच की दूरी निर्दिष्ट करने की अनुमति देता है।

उदाहरण

निम्न कोड चलाकर marker-offset गुण लागू करें:

<html>
  <head>
  </head>
  <body>
    <ul style="list-style: inside square; marker-offset:3em;">
      <li>UK</li>
      <li>US</li>
    </ul>
    <ol style="list-style: outside upper-alpha; marker-offset:3cm;">
      <li>UK</li>
      <li>US</li>
    </ol>
  </body>
</html>

नोट: marker-offset CSS 2 में प्रस्तावित था लेकिन CSS 2.1 में हटा दिया गया; आधुनिक ब्राउज़र्स इसका समर्थन नहीं करते। padding-left या ::marker छद्म-तत्व का उपयोग करें।

  1. - CSS column-rule-color से कॉलम के बीच नियम (रेखा) का रंग सेट करें

    CSS column-rule-color प्रॉपर्टी मल्टी-कॉलम लेआउट में कॉलम के बीच खींची जाने वाली रेखा (नियम/रूल) का रंग निर्दिष्ट करती है। यह column-rule-style (रेखा शैली) और column-rule-width (चौड़ाई) के साथ संयोजन में काम करती है। उदाहरण नीचे दिए गए उदाहरण में, 4 कॉलम लेआउट में कॉलम के बीच नारंगी रंग की डैश्ड रे

  1. - CSS column-rule-width - कॉलम रूल की चौड़ाई सेट करें

    column-rule-width प्रॉपर्टी मल्टी-कॉलम लेआउट में कॉलम के बीच की विभाजक रेखा (रूल) की चौड़ाई निर्धारित करती है। यह column-rule शॉर्टहैंड का हिस्सा है। उदाहरण: 5px चौड़ी डैश्ड रूल <!DOCTYPE html> <html> <head> <style> .demo { column-count: 4; column-gap: 50p

  1. - CSS column-rule-style - कॉलम रूल की शैली सेट करें

    column-rule-style प्रॉपर्टी मल्टी-कॉलम लेआउट में कॉलम के बीच की विभाजक रेखा (रूल) की शैली निर्धारित करती है। यह border-style के समान मान स्वीकार करती है। उदाहरण: डैश्ड रूल शैली <!DOCTYPE html> <html> <head> <style> .demo { column-count: 4; column-gap: 50px