column-count প্রপার্টি
column-count প্রপার্টিটি মাল্টি-কলাম টেক্সটে কলামের সুপারিশকৃত
সংখ্যা নির্দিষ্ট করে।
তাদের প্রকৃত সংখ্যা নির্দিষ্ট সংখ্যা থেকে
ভিন্ন হতে পারে, কলামের প্রস্থ এবং
তাদের মধ্যকার ফাঁকের আকারের উপর নির্ভর করে।
সিনট্যাক্স
সিলেক্টর {
column-count: সংখ্যা | auto;
}
মানসমূহ
| মান | বর্ণনা |
|---|---|
| সংখ্যা | নির্দিষ্ট সংখ্যক কলাম নির্ধারণ করে। আরও স্পষ্টভাবে বললে, এটি ব্রাউজারকে এই সংখ্যক কলাম ব্যবহার করার সুপারিশ করে, যেহেতু তাদের প্রকৃত সংখ্যা নির্দিষ্ট সংখ্যা থেকে ভিন্ন হতে পারে, কলামের প্রস্থ এবং তাদের মধ্যকার ফাঁকের আকারের উপর নির্ভর করে। |
auto |
ব্রাউজার নিজে থেকেই সর্বোত্তম সংখ্যক কলাম নির্বাচন করে। |
ডিফল্ট মান: auto।
উদাহরণ
এই উদাহরণে, টেক্সটটি 3 টি
কলামে বিভক্ত হবে (অবশ্যই, সেইসব ব্রাউজারে যেগুলো
মাল্টি-কলাম সমর্থন করে, অন্যগুলোতে
এটি শুধুমাত্র একটি কলামে সাধারণ টেক্সট হবে):
<div id="elem">
some long text
</div>
#elem {
column-count: 3;
text-align: justify;
}
:
উদাহরণ . auto মান
এই উদাহরণে, কলামের প্রস্থ column-width
150px হিসাবে নির্দিষ্ট করা হয়েছে, এবং তাদের সংখ্যা column-count
auto মানে সেট করা হয়েছে - ব্রাউজার নিজে থেকেই
প্রয়োজনীয় সংখ্যক কলাম এবং
তাদের মধ্যকার ফাঁক নির্বাচন করবে:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
আরও দেখুন
-
column-widthপ্রপার্টি,
যা কলামের প্রস্থ নির্দিষ্ট করে -
column-gapপ্রপার্টি,
যা কলামগুলোর মধ্যকার ফাঁক নির্দিষ্ট করে -
column-ruleপ্রপার্টি,
যা কলামগুলোর মধ্যকার সীমানা নির্দিষ্ট করে -
column-spanপ্রপার্টি,
যা নির্দিষ্ট করে একটি এলিমেন্ট কতগুলো কলাম জুড়ে বিস্তৃত হবে -
columnsপ্রপার্টি,
যা মাল্টি-কলামের জন্য একটি শর্টহ্যান্ড প্রপার্টি