border-collapseNieruchomość jest do stosowania na
display: table display: inline-table
separate(domyślnie) - w którym wszystkie komórki tabeli mają własne niezależne obramowania i między nimi może być również odstęp.collapse- w którym zarówno spacja, jak i krawędzie między komórkami tabeli są zwinięte, więc istnieje tylko jedno obramowanie i nie ma odstępu między komórkami.
Kiedy border-collapsejest collapse, należy zauważyć, że właściwości takie jak border-spacingi border-radius(na rzeczywistych granicach) nic nie robią. Będziesz potrzebować, border-collapse: separate;jeśli potrzebujesz którejkolwiek z tych rzeczy.
Oto przykład, w którym możesz przełączać się między nimi:
Zobacz
tabelę piór z zaokrąglonymi komórkami autorstwa Chrisa Coyiera (@chriscoyier)
na CodePen.
Wsparcie przeglądarki
elementy (lub elementy, które mają zachowywać się jak tabela za pośrednictwem lub). Istnieją dwie wartości:| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| Pracuje | Pracuje | Pracuje | Pracuje | Pracuje | Pracuje | Pracuje |