ใช้ เส้นขอบ แอตทริบิวต์ใน HTML เพื่อแสดงความหนาของเส้นขอบ
หมายเหตุ − คุณลักษณะนี้ไม่รองรับใน HTML5
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีใช้แอตทริบิวต์ border ใน HTML −
<!DOCTYPE html> <html> <body> <h2>Cricketers</h2> <table style="width:100%" border="1"> <th>Name</th> <tr> <td>Sachin Tendulkar</td> </tr> <tr> <td>Virat Kohli</td> </tr> </table> </body> </html>
ใช้ CSS แทน เนื่องจาก border แอตทริบิวต์ที่เลิกใช้ใน HTML5
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h2>Cricketers</h2>
<table style="width:100%">
<caption>Indian Cricketers</caption>
<th>Name</th>
<tr>
<td>Sachin Tendulkar</td>
</tr>
<tr>
<td>Virat Kohli</td>
</tr>
</table>
</body>
</html> 