কম্পিউটার

CSS দিয়ে টেবিলের ক্যাপশন বসানো নিয়ন্ত্রণ করুন


CSSক্যাপশন-সাইড টেবিল ক্যাপশন বসানো নিয়ন্ত্রণ করতে সম্পত্তি ব্যবহার করা হয়।

উদাহরণ

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

<html>
   <head>
      <style>
         caption.top {
            caption-side:top
         }
         caption.bottom {
            caption-side:bottom
         }
      </style>
   </head>
   <body>
      <table style = "width:500px; border:3px solid gray;">
         <caption class = "top">
            Countries (Top Caption)
         </caption>
         <tr><td> India</td></tr>
         <tr><td> UK</td></tr>
         <tr><td> US</td></tr>
         <tr><td> Australia</td></tr>
      </table>
      <br />
      <table style = "width:500px; border:3px solid blue;">
         <caption class = "bottom">
            Countries (Bottom caption)
         </caption>
         <tr><td> India</td></tr>
         <tr><td> UK</td></tr>
         <tr><td> US</td></tr>
         <tr><td> Australia</td></tr>
      </table>
      <br />
   </body>
</html>

  1. CSS দিয়ে একটি ছবির উচ্চতা সেট করুন

  2. CSS দিয়ে একটি বক্সের প্রস্থ সেট করুন

  3. CSS ব্যবহার করে টেবিল ক্যাপশনের অবস্থান নিয়ন্ত্রণ করা

  4. একটি ক্যাপশন সহ একটি টেবিল কিভাবে তৈরি করবেন?