Полное описание примера приоритетов модели сжимающихся рамок
Диаграмма показывает пример рамок, которые должны быть отображены в модели сжимающихся рамок, где рамки различных стилей, ширины или цвета перекрываются.
На рисунке - таблица в три столбца и пять рядов ячеек, обозначенных от 1 до 15.
Таблица имеет сплошную жёлтую рамку в 5px.
Первый столбец имеет сплошную чёрную рамку в 3px, и левый край рамки столбца скрыт левым краем таблицы.
Пятая ячейка (второй ряд, второй столбец) имеет пунктирную голубую рамку в 5px, которая скрывает сегмент чёрной рамки столбца в том месте, где рамки перекрываются.
Шестая ячейка (второй ряд, третий столбец) имеет сплошную зелёную рамку толщиной 5px, которая скрывает правый край рамки пятой ячейки там, где они (рамки) перекрываются, и правый край рамки таблицы в месте перекрытия.