column-rule-widthसीएसएस संपत्ति लाइन है कि द्वारा स्तंभों के बीच तैयार की है की मोटाई सेट column-rule-styleएक सीएसएस बहु कॉलम लेआउट में।
.columns ( columns: 2 600px; column-rule-style: dotted; column-rule-width: 3px; )इसके बारे में जाने का एक अन्य तरीका column-ruleशॉर्टहैंड संपत्ति का उपयोग करना है, जो जोड़ती है column-rule-width, column-rule-styleऔर column-rule-color।
.columns ( columns: 2 600px; column-rule: dotted 3px #f8a100; )वाक्य - विन्यास
column-rule-width: thin | medium | thick | - प्रारंभिक मूल्य:
medium - इस पर लागू होता है: मल्टी-कॉलम कंटेनर
- इन्हेरिट किया: नहीं
- संगणित मूल्य: पूर्ण लंबाई;
0अगरcolumn-rule-styleहैnoneयाhidden - एनीमेशन प्रकार: गणना मूल्य प्रकार से
मूल्यों
column-rule-width एक एकल नाम, लंबाई या वैश्विक मूल्य लेता है।
/* Named values */ column-rule-width: thin; column-rule-width: medium; column-rule-width: thick; /* Length values */ column-rule-width: 15px; column-rule-width: 1.5rem; /* Global values */ column-rule-width: inherit; column-rule-width: initial; column-rule-width: unset;डेमो
ब्राउज़र का समर्थन
| अर्थात | एज | फ़ायर्फ़ॉक्स | क्रोम | सफारी | ओपेरा |
|---|---|---|---|---|---|
| 10+ | 12+ | 3.5+ है | 4+ | 3.1+ | 11.5+ |
| Android क्रोम | Android फ़ायरफ़ॉक्स | Android ब्राउज़र | iOS सफारी | ऑपेरा मिनी |
|---|---|---|---|---|
| 85+ | 79+ | नहीं न | ३.२+ | सब |
विनिर्देश
सीएसएस मल्टी-कॉलम लेआउट मॉड्यूल स्तर 1 (संपादक का ड्राफ्ट)