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

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

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

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

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

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

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

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

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

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

আরও দেখুন

column-width বৈশিষ্ট্য,
যা একটি কলামের প্রস্থ নির্ধারণ করে
column-count বৈশিষ্ট্য,
যা কলামের সংখ্যা নির্ধারণ করে
column-gap বৈশিষ্ট্য,
যা কলামগুলির মধ্যে ফাঁক নির্ধারণ করে
column-span বৈশিষ্ট্য,
যা উপাদানটিকে কতগুলি কলাম জুড়ে প্রসারিত করা উচিত তা নির্ধারণ করে
columns বৈশিষ্ট্য,
যা মাল্টি-কলাম বৈশিষ্ট্যের জন্য একটি সংক্ষিপ্ত বৈশিষ্ট্য