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

CSS3 मल्टी-कॉलम rule-color प्रॉपर्टी


मल्टी-कॉलम rule-color प्रॉपर्टी का उपयोग कॉलम नियम रंग निर्दिष्ट करने के लिए किया जाता है। CSS3 में rule-color प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं:

उदाहरण

<html>    <head>       <style>          .multi {             /* कॉलम काउंट प्रॉपर्टी */             -webkit-column-count: 4;             -moz-column-count: 4;             column-count: 4;                         /* कॉलम गैप प्रॉपर्टी */             -webkit-column-gap: 40px;             -moz-column-gap: 40px;             column-gap: 40px;                         /* कॉलम स्टाइल प्रॉपर्टी */             column-rule-style: solid;             column-rule-color: #ff00ff;          }       </style>    </head>    <body>       <div class = "multi">          Tutorials Point originated from the idea that there exists a class of readers who respond          better to online content and prefer to learn new skills at their own pace from the comforts          of their drawing rooms. The journey commenced with a single tutorial on HTML in 2006 and          elated by the response it generated, we worked our way to adding fresh tutorials to our          repository which now proudly flaunts a wealth of tutorials and allied articles on topics          ranging from programming languages to web designing to academics and much more.       </div>    </body> </html>

आउटपुट

CSS3 मल्टी-कॉलम rule-color प्रॉपर्टी


  1. CSS3 में कॉलम रूल्स सेट करना CSS3 में कॉलम रूल्स सेट करना

    column-rule शॉर्टहैंड प्रॉपर्टी कॉलम रूल्स सेट करने के लिए column-rule शॉर्टहैंड प्रॉपर्टी का उपयोग करें, जो निम्न सेट करती है: column-rule-width: कॉलम के बीच रूल की चौड़ाई column-rule-style: कॉलम के बीच रूल की स्टाइल column-rule-color: कॉलम के बीच रूल का रंग मान: column-rule: column-rule-width c

  1. CSS3 ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी CSS3 ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी

    ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी हमें transition-property, transition-duration, transition-timing function और transition-delay को एक लाइन में transition प्रॉपर्टी के मान के रूप में निर्दिष्ट करने की अनुमति देती है।CSS में ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी का कोड निम्न है -उदाहरण<!DOCTYPE html> <

  1. HTML DOM Column span प्रॉपर्टी HTML DOM Column span प्रॉपर्टी

    HTML DOM Column span प्रॉपर्टी HTML में <td> एलिमेंट के अंदर colspan एट्रिब्यूट से जुड़ी होती है। colSpan प्रॉपर्टी का उपयोग करके हम टेबल के colspan एट्रिब्यूट को सेट या वापस कर सकते हैं। colspan एट्रिब्यूट का उपयोग यह बनाने के लिए किया जाता है कि एक टेबल सेल कितने कॉलम तक फैलना चाहिए।सिंटैक्स