কম্পিউটার

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


কলামের মধ্যে রঙ সেট করতে, কলাম-রুল-রঙ ব্যবহার করুন সম্পত্তি column-rule-color বাস্তবায়ন করতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন সম্পত্তি।

এর সাথে, আমরা কলামের নিয়মের স্টাইলও সেট করব:

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
            column-gap: 50px;
            column-rule-color: orange;
            column-rule-style: dashed;
         }
     </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.
      </div>
   </body>
</html>

  1. পাঠ্যের শেষ লাইনটি CSS দিয়ে সারিবদ্ধ করুন

  2. CSS দিয়ে কলামের মধ্যে নিয়মের স্টাইল সেট করুন

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

  4. সিএসএসে পাঠ্য সজ্জার রঙ সেট করুন