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