html - 默认表格边框的实际宽度是多少？

Question

当您使用 table 标签并添加 border="1" 时，该边框的实际值是多少？它不是 1 像素，因为当我尝试复制它时，它比 border=1 版本薄得多。所以:

"border=1"是粗线

style="border:1px solid #000"是细线

我正在尝试复制它，但找不到匹配项。

编辑:我需要内联执行此操作，因为不会有样式表。请让我知道这是否可以在线完成。

Answer 1

border 属性和style 属性的区别在于，前者还为内部的单元格提供了边框，而后者则没有。

这让我开始思考，我的猜测是您没有提供重现该问题所需的所有信息。所以如果我错了请纠正我，但我假设你在 table 上也有 cellspacing="0"，并且在尝试的样式版本中，没有 style表格单元格上的属性。

<table border="1" cellspacing="0">
<tr><td>with border attr</td></tr>
</table>

<br>

<table style="border:1px solid #000">
<tr><td>with style props</td></tr>
</table>

所以在最上面的表格中，表格有一个 1px 的边框，里面的单元格也有。好了，总共有 2px 的边框。

这种情况可以使用样式来模拟；您只需要更多样式。

<table border="1" cellspacing="0"> <!-- same as above -->
<tr><td>with border attr</td></tr>
</table>

<br>

<table style="border:1px outset #000; border-spacing:0">
<tr><td style="border:1px inset #000">with style props</td></tr>
</table>