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

CSS के साथ कॉलम सेट करने के लिए शॉर्टहैंड प्रॉपर्टी

<घंटा/>

कॉलम . का उपयोग करें सीएसएस के साथ कॉलम सेट करने के लिए संपत्ति। कॉलम . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति:

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-rule-color: gray;
            columns: 100px 4;
            column-rule-style: dashed;
         }
      </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 टेक्स्ट-इंडेंट प्रॉपर्टी को चेतन करें

    CSS के साथ टेक्स्ट-इंडेंट प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             back

  1. CSS में टेक्स्ट-जस्टिफाई प्रॉपर्टी

    CSS में टेक्स्ट-जस्टिफाई प्रॉपर्टी का इस्तेमाल टेक्स्ट के जस्टिफिकेशन मेथड को सेट करने के लिए किया जाता है, जब टेक्स्ट-एलाइन प्रॉपर्टी को जस्टिफाई वैल्यू पर सेट किया जाता है। संपत्ति के मूल्य निम्नलिखित हैं - text-justify: auto|inter-word|inter-character|none|initial|inherit; उदाहरण आइए अब CSS में

  1. सीएसएस सही संपत्ति

    तत्व की क्षैतिज स्थिति निर्धारित करने के लिए सही गुण का उपयोग किया जाता है। इसे - . के रूप में सेट किया गया है right: auto|length|initial|inherit; उदाहरण आइए CSS में सही प्रॉपर्टी को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div {