Разница между border-radius и border-collapse в CSS заключается в их назначении:
- border-radius используется для скругления углов границы. 14 Чем выше значение, тем сильнее скругление. 1 Если определено только одно значение, то оно применяется ко всем сторонам элемента. 1 Если два значения, то первое представляет верхние и нижние края границы, а второе — правые и левые. 1
- border-collapse позволяет при создании таблицы в HTML, если у элемента таблицы, а также у элементов строк и ячеек определена граница, держать её отдельной или свернуть с помощью этого свойства. 1
Важно отметить, что если свойство border-collapse установлено в значение «collapse», то свойство border-radius не будет отображаться. 1 Чтобы использовать свойство border-radius, необходимо установить свойство border-collapse в значение «separate». 1