Спецификация CSS2

       

Полное описание примера приоритетов модели сжимающихся рамок


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

На рисунке - таблица в три столбца и пять рядов ячеек, обозначенных от 1 до 15.

Таблица имеет сплошную жёлтую рамку в 5px.

Первый столбец имеет сплошную чёрную рамку в 3px, и левый край рамки столбца скрыт левым краем таблицы.

Пятая ячейка (второй ряд, второй столбец) имеет пунктирную голубую рамку в 5px, которая скрывает сегмент чёрной рамки столбца в том месте, где рамки перекрываются.

Шестая ячейка (второй ряд, третий столбец) имеет сплошную зелёную рамку толщиной 5px, которая скрывает правый край рамки пятой ячейки там, где они (рамки) перекрываются, и правый край рамки таблицы в месте перекрытия.



Содержание раздела