Разница между ключевыми словами hidden и none при установке границы в CSS заключается в приоритете разрешения конфликтов границ. 15
None означает, что граница элемента не отображается по указанному краю, но при этом не мешает отображению границ соседних элементов. 1 Если граница одной ячейки установлена в значение none, а соседней — в видимый стиль (например, solid), то будет видна граница соседней ячейки. 1
Hidden имеет тот же эффект, что и none, за исключением случаев, когда значение применяется к границам ячеек таблицы, у которой значение свойства border-collapse установлено как collapse. 23 В этом случае граница вокруг ячейки не будет отображаться вообще, включая и совмещённые границы смежных ячеек. 3
Таким образом, hidden имеет более высокий приоритет, чем none, при разрешении конфликтов границ. 5