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 প্রপার্টি,
যা মাল্টি-কলামের জন্য একটি শর্টহ্যান্ড প্রপার্টি