कॉलम-नियम-रंग - सीएसएस-ट्रिक्स

विषय - सूची:

Anonim

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 (संपादक का ड्राफ्ट)