column-count প্রপার্টি

column-count প্রপার্টিটি মাল্টি-কলাম টেক্সটে কলামের সুপারিশকৃত সংখ্যা নির্দিষ্ট করে। তাদের প্রকৃত সংখ্যা নির্দিষ্ট সংখ্যা থেকে ভিন্ন হতে পারে, কলামের প্রস্থ এবং তাদের মধ্যকার ফাঁকের আকারের উপর নির্ভর করে।

সিনট্যাক্স

cssসিলেক্টর {
  column-count: সংখ্যা | auto;
}

মানসমূহ

ডিফল্ট মান: auto।

উদাহরণ

এই উদাহরণে, টেক্সটটি 3 টি কলামে বিভক্ত হবে (অবশ্যই, সেইসব ব্রাউজারে যেগুলো মাল্টি-কলাম সমর্থন করে, অন্যগুলোতে এটি শুধুমাত্র একটি কলামে সাধারণ টেক্সট হবে):

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

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

Результат:

উদাহরণ . auto মান

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

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

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

Результат:

আরও দেখুন