Полное описание примера, иллюстрирующего модель сжимающихся рамок
Диаграмма иллюстрирует эффект применения свойства 'collapse' для свойства 'border-collapse'.
Изображен ряд из трёх ячеек и сетка линий, их разделяющих. Левые и правые области содержимого, заполнения, рамки и полей каждой ячейки обозначены повёрнутым текстом над каждой областью. Каждая (красная, точками) линия сетки делит пополам рамку между двумя ячейками.
Ширина таблицы обозначена внизу ячеек как захватывающая справа и слева все области содержимого, заполнения, рамок и полей ячеек, за исключением ячеек, касающихся краёв таблицы. В этих случаях только половина ширины внешней рамки учитывается в ширине таблицы.
