CSS column-rule-width প্রোপার্টি দিয়ে কলামের মাঝপথের রেখার প্রস্থ সেট করুন

column-rule-width প্রোপার্টি মাল্টিকোলাম লেয়াউটে কলামগুলোর মাঝপথের বিভাজক রেখার প্রস্থ নির্ধারণ করে।

উদাহরণ

নিচের কোডটি চালিয়ে column-rule-width প্রোপার্টির ব্যবহার দেখুন:

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      .demo { 
        column-count: 4; 
        column-gap: 50px; 
        column-rule-color: maroon; 
        column-rule-style: dashed; 
        column-rule-width: 5px; 
      } 
    </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-width: 5px কলামগুলোর মাঝপথের রেখাকে ৫পিক্সেল মোটা করেছে। column-rule-color এবং column-rule-style সহ তিনটি প্রোপার্টি মিলে কলাম রুল তৈরি করে। শর্টহ্যান্ড: column-rule: 5px dashed maroon।