На диаграмме показаны шесть накладывающихся "слоёв" табличной модели CSS. Они иллюстрируют алгорифм расчёта окончательного фона ячеек.
Шесть слоёв
размечены как прямоугольники, обозначающие
приоритет, расположенные один над иным в
трёхмерном пространстве (т.е. слои
изображены в виде ромбов, дабы дать
представление о 3-мерном пространстве).
Прямоугольники (ромбы) представляют, сверху
вниз: ячейки, ряды, группы рядов, столбцы,
группы столбцов и саму таблицу.
На
диаграмме видно, что, если глядеть сверху
вниз на слои, то дозволено высчитать цвет фона
всей ячейки. На верхнем слое вся
ячейка, специфицирующая слой, показана как
серый бокс с чёрной рамкой. Ячейка без
чёрного фона в верхнем слое обозначает "окно"
в нижележащие слои, которые определяют
финальный цвет.
Это же правило действует для всех
последующих слоёв: ряд без фона - окно в слой
группы рядов и т.д.