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

column-rule বৈশিষ্ট্যটি মাল্টি-কলাম টেক্সটে কলামগুলির মধ্যে সীমানা নির্ধারণ করে। এটি গৃহীত মানের ক্ষেত্রে border বৈশিষ্ট্যের সাথে মিলে যায়।

উদাহরণ . টাইপ solid

এই উদাহরণে, টেক্সটটি 3টি কলামে বিভক্ত হবে যেখানে কলামগুলির মধ্যে সীমানা হবে 1px পুরুত্বের একটি অবিচ্ছিন্ন রেখার আকারে (কলামগুলির মধ্যে দূরত্ব স্বয়ংক্রিয়ভাবে গঠিত হবে, কারণ column-gap normal মানে সেট করা আছে):

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

css#elem {
  column-rule: 1px solid black;
  column-count: 3;
  column-gap: normal;
  text-align: justify;
}

Результат:

উদাহরণ . column-gap-এর প্রভাব

এই উদাহরণে, টেক্সটটি 3টি কলামে বিভক্ত হবে যেখানে তাদের মধ্যে ফাঁক হবে 50px। সীমানাটি এই ফাঁকের মাঝখান দিয়ে যাবে (সীমানার ডান এবং বামে 25px করে থাকবে):

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

css#elem {
  column-rule: 1px solid black;
  column-count: 3;
  column-gap: 50px;
  text-align: justify;
}

Результат:

আরও দেখুন