Полное изложение примера, иллюстрирующего модель сжимающихся рамок

Диаграмма иллюстрирует результат использования свойства 'collapse' для свойства 'border-collapse'.

Изображен ряд из трёх ячеек и сетка линий, их разделяющих. Левые и правые области содержимого, заполнения, рамки и полей всей ячейки обозначены повёрнутым текстом над всей областью. Вся (красная, точками) линия сетки делит напополам рамку между двумя ячейками.

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

Вернуться к изображению.