কম্পিউটার

CSS বর্ডার-কল্যাপ প্রপার্টির ব্যবহার


সীমানা-পতন ব্রাউজারের একে অপরকে স্পর্শ করা সংলগ্ন সীমানাগুলির চেহারা নিয়ন্ত্রণ করা উচিত কিনা বা প্রতিটি কক্ষের শৈলী বজায় রাখা উচিত কিনা তা নির্দিষ্ট করে৷

উদাহরণ

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

<html>
   <head>
      <style>
         table.one {
            border-collapse:collapse;
         }
         table.two {
            border-collapse:separate;
         }
         td.a {
            border-style:dotted;
            border-width:2px;
            border-color:#000000;
            padding: 20px;
         }
         td.b {
            border-style:solid;
            border-width:2px;
            border-color:#333333;
            padding:20px;
         }
      </style>
   </head>
   <body>
      <table class = "one">
         <caption>Border Collapse</caption>
         <tr><td class = "a"> India</td></tr>
         <tr><td class = "b"> Australia</td></tr>
      </table>
      <br />
      <table class = "two">
         <caption>Border Separate</caption>
         <tr><td class = "a"> India</td></tr>
         <tr><td class = "b"> Australia</td></tr>
      </table>
   </body>
</html>

  1. CSS গ্রিড-সারি-স্টার্ট প্রপার্টির ব্যবহার

  2. CSS গ্রিড-কলাম-এন্ড প্রপার্টির ব্যবহার

  3. CSS গ্রিড-অটো-কলাম সম্পত্তির ব্যবহার

  4. CSS গ্রিড-অটো-ফ্লো প্রপার্টির ব্যবহার