কম্পিউটার টিউটোরিয়াল

CSS column-fill প্রপার্টি ব্যবহার করে কলাম পূরণ করুন


কলাম পূরণ করতে column-fill প্রপার্টি ব্যবহার করুন। balance মান দিয়ে বাস্তবায়ন করতে নিচের কোডটি চালাতে পারেন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          .demo {             column-count: 4;             column-fill: balance;          }       </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.          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>

  1. CSS-এ Em ব্যবহার করে ফন্ট আকার সেট করুন

  2. CSS দিয়ে টেক্সট ইন্ডেন্টেশন (Text Indentation) কাজ করা

  3. CSS দিয়ে টেক্সট বাটন স্টাইল করার পদ্ধতি

  4. CSS দিয়ে গ্লোইং (Glowing) টেক্সট তৈরি