В border-collapseимота е за използване на
display: table display: inline-table
separate(по подразбиране) - при което всички клетки на таблицата имат свои собствени независими граници и може да има място и между тези клетки.collapse- при което както пространството, така и границите между клетките на таблицата се свиват, така че има само една граница и няма пространство между клетките.
Когато border-collapseе collapse, забележимо е, че свойства като border-spacingи border-radius(на действителните граници) не правят нищо. Ще ви трябва, border-collapse: separate;ако имате нужда от някое от тези неща.
Ето пример, при който можете да превключвате между двете:
Вижте
таблицата с писалки със заоблени клетки от Chris Coyier (@chriscoyier)
на CodePen.
Поддръжка на браузър
елементи (или елементи, направени да се държат като таблица чрез или). Има две стойности:| Chrome | Сафари | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Върши работа | Върши работа | Върши работа | Върши работа | Върши работа | Върши работа | Върши работа |