Чем отличаются стили border и border-collapse в HTML таблицах?

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

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

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

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

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