বৈশিষ্ট্য column-width

বৈশিষ্ট্য column-width মাল্টি-কলাম টেক্সটে কলামের প্রস্থ নির্ধারণ করে। বৈশিষ্ট্যের মান হচ্ছে শতাংশ ছাড়া যেকোনো আকারের একক, অথবা কীওয়ার্ড auto (ডিফল্ট)। মান auto হলে ব্রাউজার column-count এবং column-gap-এর ভিত্তিতে কলামের সর্বোত্তম প্রস্থ নিজে থেকে নির্বাচন করে।

সিনট্যাক্স

সিলেক্টর {
	column-width: মান;
}

উদাহরণ . নির্দিষ্ট প্রস্থ

এই উদাহরণে কলামের প্রস্থ column-width 150px হিসাবে নির্দিষ্ট করা হয়েছে, এবং তাদের সংখ্যা column-count auto মানে সেট করা আছে। ফলস্বরূপ কলামের প্রস্থ হবে 150px, তাদের সংখ্যা এবং মধ্যবর্তী ফাঁক ব্রাউজার নিজে থেকে নির্বাচন করবে:

<div id="elem">
	some long text
</div>

#elem {
	column-count: auto;
	column-width: 150px;
	text-align: justify;
}

উদাহরণ . auto মান

এই উদাহরণে টেক্সট 3টি কলামে বিভক্ত হবে (কারণ column-count 3 মানে সেট করা আছে), কিন্তু তাদের প্রস্থ স্বয়ংক্রিয়ভাবে গণনা করা হবে:

<div id="elem">
	some long text
</div>

#elem {
	column-width: auto;
	column-count: 3;
	text-align: justify;
}

আরও দেখুন

বৈশিষ্ট্য column-count,
যা কলামের সংখ্যা নির্ধারণ করে
বৈশিষ্ট্য column-gap,
যা কলামের মধ্যবর্তী ফাঁক নির্ধারণ করে
বৈশিষ্ট্য column-rule,
যা কলামের মধ্যে সীমানা নির্ধারণ করে
বৈশিষ্ট্য column-span,
যা উপাদানটি কতগুলি কলাম জুড়ে প্রসারিত হওয়া উচিত তা নির্ধারণ করে
বৈশিষ্ট্য columns,
যা মাল্টি-কলাম লেআউটের জন্য একটি শর্টহ্যান্ড বৈশিষ্ট্য