কম্পিউটার

CSS দিয়ে কলামের মধ্যে নিয়মের প্রস্থ সেট করুন


কলাম-নিয়ম-প্রস্থ ব্যবহার করুন কলামের মধ্যে নিয়মের প্রস্থ সেট করার জন্য সম্পত্তি।

উদাহরণ

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

<!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.
         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. সিএসএসে পাঠ্য সজ্জার রঙ সেট করুন