Atrybut border-collapse CSS

Definicja i użycie

Atrybut border-collapse ustawia, czy ramki tabeli mają być scalone w jedną jednostkową ramkę, czy tak jak w standardowym HTML, jako osobne ramki.

Inne źródła:

Podręcznik CSS:Tabela CSS

Podręcznik HTML DOM:Atrybut borderCollapse

Przykład

Ustaw model scalania ramkowania tabeli:

table
  {
  border-collapse:collapse;
  }

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
separate Domyślna wartość. Krawędzie będą rozdzielone. Nie będą ignorowane atrybuty border-spacing i empty-cells.
collapse Jeśli to możliwe, krawędzie będą scalane w jedną jednostkową krawędź. Zignorowane zostaną atrybuty border-spacing i empty-cells.
inherit Definiuje, że wartość właściwości border-collapse powinna być dziedziczona od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: separate
Inheredność: yes
Wersja: CSS2
Gramatyka JavaScript: object.style.borderCollapse="collapse"

Więcej przykładów

Scalanie ramkowania tabeli
Ten przykład pokazuje, czy ramki tabeli mają być wyświetlane jako pojedyncza ramka, czy tak jak w standardowym HTML, jako osobne ramki.

Wsparcie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.2 4.0