টেবিল স্টাইল করার জন্য অপরিহার্য CSS প্রপার্টিগুলো

CSS ব্যবহার করে টেবিলের জন্য স্টাইল সংজ্ঞায়িত করা যায়।

• border

  CSS border প্রপার্টি ব্যবহার করে border-width, border-style এবং border-color সংজ্ঞায়িত করা হয়।

• border-collapse

  এই প্রপার্টি নির্দেশ করে যে

উদাহরণ

নিচের উদাহরণগুলো টেবিল স্টাইলিং বোঝায়:

<!DOCTYPE html> <html> <head> <style> table, table * {    border: thin solid;    padding: 5px;    font-style: italic; } caption {    caption-side: bottom; } td {    box-shadow: inset 0 0 6px green; } </style> </head> <body> <table> <caption>Demo caption</caption> <tr> <td>demo</td> </tr> <tr> <td>demo</td> <td></td> </tr> <tr> <td>demo</td> <td>demo</td> <td></td> </tr> </table> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেবে:

উদাহরণ

<!DOCTYPE html> <html> <head> <style> div {    display: flex;    float: left; } table {    border: 3px solid black; } td {    border: 3px solid lightgreen; } th {    border: 3px solid lightblue; } #t2 {    border-collapse: collapse; } </style> </head> <body> <h2>Team Rankings</h2> <div> <table id="t1"> <tr> <th>Team (Test)</th> <th>Rank </th> </tr> <tr> <td>India </td> <td>1 </td> </tr> <tr> <td>Australia</td> <td>2</td> </tr> </table>     </div> <div> <table id="t2"> <tr> <th>Team (ODI) </th> <th>Rank </th> </tr> <tr> <td>India </td> <td>1 </td> </tr> <tr> <td>England</td> <td>2</td> </tr> </table> </div> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেবে:

CSS-এ Em ব্যবহার করে ফন্ট সাইজ সেট করা

HTML লিস্টের প্রকারভেদ

• C প্রোগ্রামিং
• C++
• Redis
• Bash প্রোগ্রামিং
• Python
• Java
• তথ্যশালা
• HTML
• JavaScript
• প্রোগ্রামিং
• CSS
• Ruby
• SQL
• iOS
• Android
• MongoDB
• MySQL
• C#
• PHP
• SQL Server