Właściwość CSS border-collapse

Definicja stylu, przeznaczenie i użycie border-collapse

Styl border-collapse definiuje, czy obramowania tabeli powinny zwinąć się w pojedyncze obramowanie, czy też należy je rozdzielić, jak w standardowym HTML.

Wartości właściwości border-collapse

Składnia CSS border-collapse

border-collapse: separate | collapse | initial | inherit;

Wsparcie przeglądarek dla właściwości border-collapse

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
border-collapse(2D)	1.0	5.0	1.0	1.2	4.0

Przykładowe zastosowania z właściwością border-collapse

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

table#myTable {
  border-collapse:separate;
}

Przykłady właściwości align

Przykład 1. Ustawia model obramowania dla dwóch tabel: #table1 { border-collapse: separate; } #table2 { border-collapse: collapse; } Przykład 2. Podczas korzystania z opcji border-collapse: separate właściwość border-spacing może służyć do ustawiania odstępu między komórkami: #table1 { border-collapse: separate; border-spacing: 10px; } Przykład 3. Użycia polecenia border-collapse: collapse: table, td, th { border: 3px solid red; } #table1 { border-collapse: collapse; border-color: blue; }