# Tabele

### caption-side

Używane do ustalania położenia nagłówka tabeli w stosunku do tabeli.

Wartość | `top` | `bottom` | `left` | `right` | `inherit`
Wartość początkowa | `top`
Używane z | elementy nagłówka tabeli
Dziedziczenie | tak
Przykład | `caption {caption-side : left}`

Aby wyrównać tekst nagłowka, możesz użyć własności 'text-align' i 'vertical-align'.

### table-layout

Używane do wyboru algorytmu rysowania tabeli.

Wartość | `auto` | `fixed` | `inherit`
Wartość początkowa | `auto`
Używane z | elementy tabeli
Dziedziczenie | nie
Przykład | `table {table-layout : fixed}`

Algorytm `Fixed` jest szybszy, gdyż dzieli od razu przestrzeń na kolumny, zamiast dostosowywać szerokość kolumn dla uzyskania optymalnego wyglądu.
Algorytm `Auto` wymaga uprzedniego załadowania tabeli, zanim zostanie wyświetlona, ale często zapewnia lepszy wygląd.

### border-collapse

Wartość | `collapse` | `separate` | `inherit`
Wartość początkowa | `collapse`
Używane z | elementy tabeli
Dziedziczenie | tak
Przykład | `table {border-collapse : separate}`

Wartość `separate` nadaje każdej komórce jej własne obramowanie z własnością `border-spacing` (opisaną poniżej), rozdzielając obramowania.

### border-spacing

Określa przestrzeń między obramowaniami, gdy została użyta separacja obramowań.

Wartość | `length [length]` | `inherit`
Wartość początkowa | `0`
Używane z | elementy tabeli
Dziedziczenie | tak
Przykład | `table {border-spacing : 0.5em 0.5em}`

Długości określają odpowiednio odległości poziome i pionowe. Jeśli jest podana jedna wartość, jest ona używana w obu sytuacjach.

### empty-cells

Steruje kreśleniem obramowania wokół komórek bez żadnej widocznej zawartości, gdy użyto separacji obramowania.

Wartość | `show` | `hide` | `inherit`
Wartość początkowa | `show`
Używane z | elementy komórek tabeli
Dziedziczenie | tak
Przykład | `table {border-spacing : 0.5em 0.5em}`