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

सीएसएस के साथ कॉलम के बीच नियम की चौड़ाई निर्धारित करें

<घंटा/>

स्तंभ-नियम-चौड़ाई का उपयोग करें कॉलम के बीच नियम की चौड़ाई निर्धारित करने के लिए संपत्ति।

उदाहरण

आप कॉलम-नियम-चौड़ाई प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
            column-gap: 50px;
            column-rule-color: maroon;
            column-rule-style: dashed;
            column-rule-width: 5px;
         }
      </style>
   </head>
   <body>
      <div class = "demo">
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
      </div>
   </body>
</html>

  1. CSS के साथ टेक्स्ट की अंतिम पंक्ति को संरेखित करें

    टेक्स्ट-एलाइन-लास्ट प्रॉपर्टी का इस्तेमाल टेक्स्ट की आखिरी लाइन को अलाइन करने के लिए किया जाता है। आप सीएसएस के साथ पाठ की अंतिम पंक्ति को संरेखित करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style&g

  1. CSS का उपयोग करके बाएँ बॉर्डर की चौड़ाई निर्धारित करें

    बाएँ बॉर्डर की चौड़ाई सेट करने के लिए, बॉर्डर-बाएँ-चौड़ाई . का उपयोग करें सीएसएस में संपत्ति। सीमा-बाएं-चौड़ाई . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति - उदाहरण <!DOCTYPE html> <html>    <head>       <style>    

  1. CSS में टेक्स्ट डेकोरेशन का रंग सेट करें

    टेक्स्ट डेकोरेशन का रंग सेट करने के लिए, टेक्स्ट-डेकोरेशन-कलर प्रॉपर्टी का उपयोग करें - उदाहरण <!DOCTYPE html> <html> <head> <style> .demo {    text-decoration: overline;    text-decoration-color: yellow; } </style> </head> <body> <h1&