CSS स्तम्भ-रूपरेखा गुण
- पिछला पृष्ठ column-gap
- अगला पृष्ठ column-rule-color
परिभाषा और उपयोग
column-rule गुण एक संक्षिप्त गुण है, जो सभी column-rule-* गुणों को सेट करता है।
column-rule गुण स्तम्भों के बीच के नियम की चौड़ाई, शैली और रंग सेट करता है।
और देखें
CSS3 शिक्षाःCSS3 बहु-स्तम्भ
HTML DOM संदर्भ दस्तावेज़ःcolumnRule गुण
उदाहरण
स्तम्भों के बीच की चौड़ाई, शैली और रंग नियम निर्धारित करें
div
{
column-rule:3px outset #ff00ff;
}
पृष्ठ के नीचे और अधिक उदाहरण हैं。
CSS व्याकरण
column-rule: column-rule-width column-rule-style column-rule-color;
गुण मूल्य
| मूल्य | वर्णन |
|---|---|
| column-rule-width | स्तम्भों के बीच की चौड़ाई नियम निर्धारित करें। |
| column-rule-style | स्तम्भों के बीच का शैली नियम निर्धारित करें। |
| column-rule-color | स्तम्भों के बीच का रंग नियम निर्धारित करें। |
तकनीकी विवरण
| डिफ़ॉल्ट वैल्यूः | medium none black |
|---|---|
| विरासतः | नहीं |
| संस्करणः | CSS3 |
| JavaScript व्याकरणः | object.columnRule="3px outset #ff00ff" |
और अधिक उदाहरण
- Column-count
- div एलीमेंट में टेक्स्ट को तीन स्तम्भों में विभाजित करें।
- Column-gap
- div एलीमेंट में टेक्स्ट को तीन स्तम्भों में विभाजित करें, और बीच में 30 पिक्सल की अंतराल।
ब्राउज़र समर्थन
तालिका में नंबर इस गुण के पूर्ण समर्थन वाली पहली ब्राउज़र संस्करण को इंगित करते हैं।
जो -webkit- या -moz- से बने नंबर पहली संस्करण के लिए प्रयोग करने के लिए हैं।
| च्रोम | आईई / एज | फ़ायरफॉक्स | सफारी | ओपेरा |
|---|---|---|---|---|
| 50.0 4.0 -webkit- |
10.0 | 52.0 2.0 -moz- |
9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
- पिछला पृष्ठ column-gap
- अगला पृष्ठ column-rule-color
