কম্পিউটার

একটি উপাদানকে CSS দিয়ে ভাগ করা উচিত কলামের সংখ্যা কীভাবে নির্দিষ্ট করবেন


কলামের সংখ্যা নির্দিষ্ট করতে একটি উপাদানকে ভাগ করা উচিত, কলাম-গণনা বৈশিষ্ট্য ব্যবহার করুন।

আপনি 4টি কলামের সাথে কলাম-গণনা বৈশিষ্ট্য বাস্তবায়ন করতে নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
         }
      </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 দিয়ে সারিবদ্ধ করুন

  2. একটি CSS গ্রিড লেআউটে কলামের সংখ্যা নির্দিষ্ট করুন

  3. অ্যানিমেশন দিয়ে CSS কলামের বৈশিষ্ট্য পরিবর্তন করুন

  4. কিভাবে CSS দিয়ে একটি উপাদানের অনুপাত বজায় রাখা যায়?