Ten schemat przedstawia sześć „warstw” modelu tabel CSS. Ilustruje on algorytm obliczania ostatecznego tła komórek.

Sześć warstw zostało przedstawionych jako prostokąty o określonych priorytetach unoszących się jeden nad drugim w trójwymiarowej przestrzeni (tzn. warstwy zostały narysowane jako romby, aby uzyskać efekt przestrzenności). Prostokąty te reprezentują (od góry do dołu): komórki, wiersze, grupy wierszy, kolumny, grupy kolumn oraz samą tabelę.

Schemat ten pokazuje, jak, patrząc z góry na te sześć prostokątów, można obliczyć tło każdej komórki. Na górnej warstwie każda komórka, która ma określone tło jest zaprezentowana jako szare pole z czarnym obramowaniem. Komórka nie mająca tła jest na górnej warstwie przedstawiona jako „okno” pozwalające zajrzeć do dolnych warstw, które określają jej ostateczny kolor tła. Ta sama wizualna metafora została zastosowana na każdej warstwie. Wiersz bez tła jest zatem oknem, przez które można zajrzeć do niższej warstwy.

Powrót do rysunku