Описание примера расчета фона ячеек

Эта диаграмма показывает шесть наложенных "слоев" табличной модели в CSS. Диаграмма иллюстрирует алгоритм для расчета окончательного фона ячейки.

Шесть слоев изображаются, как прямоугольники друг над другом в трехмерном пространстве (т.е. слои нарисованы, как ромбы, для выражения объемности). Прямоугольники представляют (сверху вниз): ячейки, ряды, группы рядов, колонки, группы колонок и саму таблицу.

Диаграмма показывает, как, смотря на шесть прямоугольников, можно подсчитать цвет фона каждой ячейки. На верхнем уровне каждая ячейка, которая определяет фон, показана, как серый блок с черной границей. Ячейка без фонового цвета в верхнем слое изображена как "окно" в нижних слоях, которые дают окончательный фоновый цвет. В каждом слое используется одинаковый зрительный образ, так что ряд без фона действует как окно в слое группы рядов и т.д.