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

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

সিনট্যাক্স

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

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

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

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

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

Результат:

উদাহরণ . auto মান

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

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

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

Результат:

আরও দেখুন