Отличие 'none' и 'hidden' в свойстве border- style?

Question

[Волосатый слизень]

<p class="none">This paragraph has no border.</p>
<p class="hidden">This is a hidden border.</p>

p.none {border-style: none;}
p.hidden {border-style: hidden;}

Если посмотреть на результат, то отличий не будет. Пожалуйста, объясните отличия.

Answer 1

[Максим]

none - не отображает границу и ее толщина (border-width) задается нулевой.
hidden - имеет тот же эффект, что и none за исключением применения border-style к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse. В этом случае вокруг ячейки граница не будет отображаться вообще.

Answer 2

[Иван Иванов]

none
Не отображает границу и ее толщина (border-width) задается нулевой.

hidden
Имеет тот же эффект, что и none за исключением применения border-style к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse. В этом случае вокруг ячейки граница не будет отображаться вообще.