Таблицы

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

Свойства:

border-collapse - определяет способ отображения рамок вокруг ячеек таблицы.

Примеры:

border-collapse: collapse;  //  Между ячеек отображается только одна линия

border-collapse: separate;  //  Вокруг ячеек отображается собственная рамка

border-spacing - определяет расстояние между ячейками.

Если значение одно - расстояние вокруг каждой стороны одинаковое, если два - первое указывает значение по вертикали, второе по горизонтали.

Примеры:

border-spacing: 10px;  //  Расстояние между ячеек 10 пикселей

border-spacing: 10px 20px;  //  По вертикали 10, по горизонтали -20 пикселей

caption-side - определяет на какой стороне будет находится заголовок таблицы.

Примеры:

caption-side: top;  //  Заголовок вверху таблицы

caption-side: left;  //  Заголовок по с левой стороны таблицы

caption-side: right;  //  Заголовок по с правой стороны таблицы