column-rule-color
सीएसएस संपत्ति एक सीएसएस बहु कॉलम लेआउट में स्तंभों के बीच एक रेखा का रंग निर्धारित करता है।
संपत्ति अकेले कार्य नहीं कर सकती है! रंग देखने के लिए, हमें कॉलम के बीच - लाइन को तकनीकी रूप से "नियम" कहा जाना चाहिए। इसके लिए column-rule-style
संपत्ति चाहिए ।
.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )
या, हम column-rule
शॉर्टहैंड प्रॉपर्टी का उपयोग कर सकते हैं, जो जोड़ती है column-rule-color
, column-rule-style
और column-rule-width
एक एकल घोषणा में।
column-rule: 3px solid #f8a100;
वाक्य - विन्यास
column-rule-color
एक एकल रंग मान लेता है। यह किसी भी वैध सीएसएस रंग हो सकता है, जिसमें हेक्स, आरजीबी, आरजीबीए, एचएसएल, एचएसएलए, और नामित रंग शामिल हैं। यह currentColor
एक मूल्य के रूप में भी स्वीकार करता है ।
column-rule-color: #f8a100; column-rule-color: hsl(39,100,49); column-rule-color: rgb(250,162,0); column-rule-color: aliceblue; column-rule-color: currentColor;
डेमो
ब्राउज़र का समर्थन
अर्थात | एज | फ़ायर्फ़ॉक्स | क्रोम | सफारी | ओपेरा |
---|---|---|---|---|---|
10+ | 12+ | 3.5+ है | 4+ | 3.1+ | 11.5+ |
Android क्रोम | Android फ़ायरफ़ॉक्स | Android ब्राउज़र | iOS सफारी | ऑपेरा मिनी |
---|---|---|---|---|
85+ | 79+ | नहीं न | ३.२+ | सब |
विनिर्देश
सीएसएस मल्टी-कॉलम लेआउट मॉड्यूल स्तर 1 (संपादक का ड्राफ्ट)