Здесь описаны свойства, которые изменяют отображение ячеек и их рамок стандартных 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; // Заголовок по с правой стороны таблицы
caption-side: bottom; // Заголовок внизу таблицы
|