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

column-span প্রপার্টিটি মাল্টি-কলাম টেক্সটে এলিমেন্টটি কতগুলি কলামে প্রসারিত হবে তা নির্দিষ্ট করে। প্রপার্টিটি হয় 1 সংখ্যা অথবা all কীওয়ার্ড হিসেবে মান নেয়। 1 মানে এলিমেন্টটি একটি কলাম জুড়ে থাকবে, আর all মানে - সবগুলি কলাম জুড়ে থাকবে।

সিনট্যাক্স

cssসিলেক্টর {
  column-span: 1 | all;
}

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

উদাহরণ

এই উদাহরণে শিরোনামটি প্রথম কলামের ভিতরে পড়বে:

html<div id="elem">
  <h2>Lorem ipsum dolor sit amet eu metus non</h2>
  some long text
</div>

css#elem h2 {
  column-span: 1;
  margin: 0;
}
#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

উদাহরণ

এবং এখন শিরোনামটি সবগুলি কলাম জুড়ে প্রসারিত হবে:

html<div id="elem">
  <h2>Lorem ipsum dolor sit amet eu metus non</h2>
  some long text
</div>

css#elem h2 {
  column-span: all;
  margin: 0;
}
#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

আরও দেখুন