Здесь описаны свойства, которые изменяют отображение ячеек и их рамок стандартных HTML таблиц. Свойства: border-collapse - определяет способ отображения рамок вокруг ячеек таблицы. Примеры: Code border-collapse: collapse; // Между ячеек отображается только одна линия Code border-collapse: separate; // Вокруг ячеек отображается собственная рамка border-spacing - определяет расстояние между ячейками. Если значение одно - расстояние вокруг каждой стороны одинаковое, если два - первое указывает значение по вертикали, второе по горизонтали. Примеры: Code border-spacing: 10px; // Расстояние между ячеек 10 пикселей Code border-spacing: 10px 20px; // По вертикали 10, по горизонтали -20 пикселей caption-side - определяет на какой стороне будет находится заголовок таблицы. Примеры: Code caption-side: top; // Заголовок вверху таблицы Code caption-side: left; // Заголовок по с левой стороны таблицы Code caption-side: right; // Заголовок по с правой стороны таблицы Code caption-side: bottom; // Заголовок внизу таблицы
|