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

CSS के साथ कॉलम कैसे भरें

<घंटा/>

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

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
            column-fill: balance;
         }
      </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 टेक्स्ट-इंडेंट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    text-indent: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS टेक्स्ट-इंडेंट प्रॉपर्टी को दर्शाते हैं। <!DOCTYPE ht

  1. सीएसएस के साथ टेक्स्ट बटन कैसे स्टाइल करें? सीएसएस के साथ टेक्स्ट बटन कैसे स्टाइल करें?

    CSS के साथ टेक्स्ट बटन को स्टाइल करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> button {    border: none;    color: white;  

  1. CSS के साथ ग्लोइंग टेक्स्ट कैसे बनाएं? CSS के साथ ग्लोइंग टेक्स्ट कैसे बनाएं?

    सीएसएस के साथ चमकदार टेक्स्ट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body {       background-color: rgb(0, 0, 0); &