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