ตัวอย่าง
แสดงเฉพาะพรมแดนระหว่างแถวนี้:
<table rules="rows">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
ลองตัวเอง» ความหมายและการใช้งาน
<table> กฎแอตทริบิวต์ไม่สนับสนุนใน HTML5 ใช้ CSS แทน
rules แอตทริบิวต์ระบุว่าส่วนใดของเส้นขอบภายในที่ควรจะมองเห็น
สำหรับเหตุผลในทางปฏิบัติมันอาจจะดีกว่าที่จะไม่ได้ระบุกฎใด ๆ และใช้ CSS แทน
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่แอตทริบิวต์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| rules | ใช่ | 9.0 | ใช่ | ใช่ | ใช่ |
หมายเหตุ: Chrome และ Safari แสดงแอตทริบิวต์นี้ไม่ถูกต้อง: พวกเขาเพิ่มเส้นขอบนอกได้รับผลกระทบนอกจากนี้ยังมีพรมแดนภายใน
วากยสัมพันธ์
<table rules="value">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| none | ไม่มีเส้น |
| groups | เส้นแบ่งระหว่างกลุ่มแถวและคอลัมน์กลุ่ม |
| rows | เส้นแบ่งระหว่างแถว |
| cols | เส้นแบ่งระหว่างคอลัมน์ |
| all | เส้นแบ่งระหว่างแถวและคอลัมน์ |