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

CSS के साथ कॉलम के लिए चौड़ाई निर्दिष्ट करें

<घंटा/>

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

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
            column-rule-color: gray;
            column-rule-style: dashed;
            column-width: 100px;
         }
      </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> <sty

  1. CSS में @media At-नियम

    CSS @media नियम का उपयोग एक ही स्टाइल शीट में विभिन्न मीडिया प्रकारों (जैसे प्रिंट, स्क्रीन, सभी, आदि) के लिए विभिन्न शैलियों को निर्दिष्ट करने के लिए किया जाता है। इसके बाद आमतौर पर मीडिया प्रकारों की अल्पविराम से अलग की गई सूची और लक्ष्य मीडिया के लिए शैलियों के नियमों वाले CSS घोषणा ब्लॉक होते है

  1. टेक्स्ट इंडेंटेशन सीएसएस के साथ काम करना

    CSS टेक्स्ट-इंडेंट प्रॉपर्टी हमें किसी एलीमेंट की पहली लाइन का इंडेंटेशन सेट करने में मदद करती है। सिंटैक्स CSS टेक्स्ट-इंडेंट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    text-indent: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS टेक्स्ट-इंडेंट प्रॉपर्टी को दर्शाते हैं। <!DOCTYPE ht