गुण column-span

गुण column-span बहु-कॉलम टेक्स्ट में तत्व को फैलना चाहिए कितने कॉलम पर, यह निर्धारित करता है। यह गुण या तो संख्या 1 को मान के रूप में लेता है, या कीवर्ड all को। मान 1 होने पर तत्व एक कॉलम को कवर करेगा, और मान all होने पर - सभी कॉलम को।

सिंटैक्स

सिलेक्टर {
	column-span: 1 | all;
}

डिफॉल्ट मान: 1.

उदाहरण

इस उदाहरण में शीर्षक पहले कॉलम के अंदर आ जाएगा:

<div id="elem">
	<h2>Lorem ipsum dolor sit amet eu metus non</h2>
	some long text
</div>

#elem h2 {
	column-span: 1;
	margin: 0;
}
#elem {
	column-count: 3;
	text-align: justify;
}

उदाहरण

और अब शीर्षक सभी कॉलम पर फैल जाएगा:

<div id="elem">
	<h2>Lorem ipsum dolor sit amet eu metus non</h2>
	some long text
</div>

#elem h2 {
	column-span: all;
	margin: 0;
}
#elem {
	column-count: 3;
	text-align: justify;
}

यह भी देखें

गुण column-count,
जो कॉलम की संख्या निर्धारित करता है
गुण column-width,
जो कॉलम की चौड़ाई निर्धारित करता है
गुण column-gap,
जो कॉलम के बीच का अंतर निर्धारित करता है
गुण column-rule,
जो कॉलम के बीच की सीमा निर्धारित करता है
गुण columns,
जो बहु-कॉलम लेआउट के लिए एक शॉर्टहैंड गुण है