কম্পিউটার

কিভাবে CSS দিয়ে কলাম পূরণ করবেন


কলাম পূরণ করতে, কলাম-পূর্ণ বৈশিষ্ট্য ব্যবহার করুন। ব্যালেন্স ফর্ম সহ কলাম-ফিল প্রপার্টি বাস্তবায়ন করতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন:

উদাহরণ

<!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.
      </div>
   </body>
</html>

  1. CSS এ Em দিয়ে ফন্ট সাইজ সেট করা

  2. টেক্সট ইন্ডেন্টেশন CSS এর সাথে কাজ করছে

  3. কিভাবে CSS দিয়ে টেক্সট বোতাম স্টাইল করবেন?

  4. কিভাবে CSS দিয়ে একটি উজ্জ্বল লেখা তৈরি করবেন?