column-rule-style প্রোপার্টি মাল্টিকোলাম লেয়াউটে কলামগুলোর মাঝপথের বিভাজক রেখার শৈলী (solid, dashed, dotted, ইত্যাদি) নির্ধারণ করে।
উদাহরণ
নিচের কোডটি চালিয়ে column-rule-style প্রোপার্টির ব্যবহার দেখুন:
<!DOCTYPE html> <html>
<head>
<style>
.demo {
column-count: 4;
column-gap: 50px;
column-rule-color: maroon;
column-rule-style: dashed;
}
</style>
</head>
<body>
<div class="demo">
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
</div>
</body>
</html>
ব্যাখ্যা: column-rule-style: dashed কলামগুলোর মাঝপথে ড্যাশড (খণ্ডিত) রেখা তৈরি করেছে। সম্ভাব্য মান: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset।
