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