คุณสมบัติ 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,
ซึ่งเป็นคุณสมบัติแบบย่อสำหรับหลายคอลัมน์