Css HTML5除了使用表元素的rules属性外，还有什么其他选择？

在此表元素上使用规则属性时

我得到以下警告：

属性（规则）已过时。HTML5文档中不鼓励使用它

什么是HTML 5的替代方案？

什么是

做的？

用于指定行和列之间内部边界的显示。此属性已被弃用改用CSS设置表格边框的样式

因此，没有HTML5替代方案，只有CSS替代方案：

表格{
边界塌陷：塌陷；
宽度：100%；
边缘底部：15px；
}
表td{
文本对齐：居中；
}
.框架盒{
边框：1px纯黑；
}
.框架空隙{
边界：无；
}
.规则无td{
边界：无；
}
.规管所有运输署{
边框：1px纯黑；
}
.规则所有td：第一个孩子{
左边界：无；
}
.规则所有td：最后一个孩子{
边界权：无；
}
.规则所有tr：第一个孩子td{
边界顶部：无；
}
.规则所有tr：最后一个孩子td{
边框底部：无；
}
.规则cols td{
左边框：1px纯黑；
右边框：1px纯黑；
}
.规则行td{
边框顶部：1件纯黑；
边框底部：1px纯黑；
}
.border-2，
.border-2 td{
边框宽度：2倍；
}

“表边框=2规则=无框架=框”
123
456
789
“表格边框=2框架=无效规则=全部”
123
456
789
“表格边框=2规则=COLS框架=BOX”
123
456
789
“表边框=2规则=行框架=框”
123
456
789

什么是

做的？

用于指定行和列之间内部边界的显示。此属性已被弃用改用CSS设置表格边框的样式

因此，没有HTML5替代方案，只有CSS替代方案：

表格{
边界塌陷：塌陷；
宽度：100%；
边缘底部：15px；
}
表td{
文本对齐：居中；
}
.框架盒{
边框：1px纯黑；
}
.框架空隙{
边界：无；
}
.规则无td{
边界：无；
}
.规管所有运输署{
边框：1px纯黑；
}
.规则所有td：第一个孩子{
左边界：无；
}
.规则所有td：最后一个孩子{
边界权：无；
}
.规则所有tr：第一个孩子td{
边界顶部：无；
}
.规则所有tr：最后一个孩子td{
边框底部：无；
}
.规则cols td{
左边框：1px纯黑；
右边框：1px纯黑；
}
.规则行td{
边框顶部：1件纯黑；
边框底部：1px纯黑；
}
.border-2，
.border-2 td{
边框宽度：2倍；
}

“表边框=2规则=无框架=框”
123
456
789
“表格边框=2框架=无效规则=全部”
123
456
789
“表格边框=2规则=COLS框架=BOX”
123
456
789
“表边框=2规则=行框架=框”
123
456
789

HTML5要求将

规则

属性替换为CSS属性。

---

来源：

HTML5要求您用CSS属性替换

rules

属性。

---

来源：

如何将规则与CSS的不同值结合起来？@Potterapple请检查如何将

border

应用于元素的所有可能性。我用示例代码更新了我的答案。如何将规则与CSS的不同值结合起来？@Potterapple请检查如何将

border

应用于元素的所有可能性。我已经用示例代码更新了我的答案。