Какова фактическая ширина границ таблицы по умолчанию?

Question

Когда вы используете тег table и добавляете border="1", каково фактическое значение этой границы? Это не 1 пиксель, потому что, когда я пытаюсь воспроизвести его, он намного тоньше, чем версия border = 1. Итак:

"border=1" является толстой линией

style="border:1px solid #000" является более тонкой линией

Я пытаюсь повторить его, но не могу найти соответствие.

EDIT: Мне нужно сделать это inline, так как не будет таблицы стилей. Пожалуйста, дайте мне знать, если это можно сделать встроенным.

Answer 1

Разница между атрибутом border и атрибутом style заключается в том, что первая также дает границы ячеек внутри, а вторая - нет.

Так что это заставило меня задуматься, и я предполагаю, что вы не предоставили всю информацию, необходимую для репликации проблемы. Поэтому, пожалуйста, поправьте меня, если я ошибаюсь, но я предполагаю, что у вас также было 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>