HTML table rules 属性

在线示例

仅显示行之间的边框：

<p>表格带有rules="rows":</p>
<table　rules="rows">
　　<tr>
　　　　<th>年级</th>
　　　　<th>人数</th>
　　</tr>
　　<tr>
　　　　<td>三年级</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>表格带有rules="cols":</p>
<table　rules="cols">
　　<tr>
　　　　<th>年级</th>
　　　　<th>人数</th>
　　</tr>
　　<tr>
　　　　<td>三年级</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>表格带有rules="all":</p>
<table　rules="all">
　　<tr>
　　　　<th>年级</th>
　　　　<th>人数</th>
　　</tr>
　　<tr>
　　　　<td>三年级</td>
　　　　<td>56</td>
　　</tr>
</table>

浏览器兼容性

IEFirefoxOperaChromeSafari

يدعم Internet Explorer 9+، Firefox، Opera، Chrome و Safari خاصية rules.

ملاحظة:لا يدعم Internet Explorer 8 وكل الأصدار السابقة خاصية rules في <table>.

ملاحظة:يظهر Chrome وSafari للصفة هذه بشكل غير صحيح: سيتم إضافة الحواف الخارجية المتأثرة بالإضافة إلى الحواف الداخلية.

التعريف والاستخدام

لا يدعم HTML5 خاصية rules في <table>. استخدم CSS بدلاً من ذلك.

يحدد خاصية rules أي جزء من الحواف الداخلية مرئي

من الناحية العملية، من الأفضل عدم تحديد rules بل استخدام CSS لتحقيق ذلك حواف (نمط الحواف)。

القواعد

<table rules="القيمة">

قيمة الخاصية