Стили border и border-collapse в HTML-таблицах отличаются функциями, которые они выполняют.

Border используется для создания границ вокруг таблицы и её ячеек. 1 По умолчанию границы вокруг каждой ячейки отображаются отдельно, то есть создается вид «удвоенной границы» у смежных ячеек. 13

Border-collapse применяется, чтобы сжать границы ячеек, то есть убрать промежутки между ними. 13 Есть два значения свойства border-collapse: 5

1. Separate — рамки ячеек располагаются раздельно. 5 Это значение используется по умолчанию. 3
2. Collapse — рамки ячеек сливаются в одну, а промежутки между рамками убираются. 5

Таким образом, border отвечает за создание границ, а border-collapse — за их сжатие.