Таблицы - CSS свойства
121
посл. ред.
21.06.2016
Краткое описание свойств
border-collapse- Определяет способ отображения рамки ячеек таблицы.
border-spacing- Расстояние между рамками ячеек в таблице.
table-layout- Определяет, как вычислять ширину ячеек таблицы.
Свойство border-collapse
Определяет способ отображения рамки ячеек таблицы. Ячейка может иметь собственную рамку или общую границу с соседними ячейками.
Краткая информация
| Значение по умолчанию | separate |
|---|---|
| Применяется | к таблицам |
| Наследуется | да |
| Имя свойства в DOM | borderCollapse |
Значения
separate- каждая ячейка имеет свою собственную рамку.collapse- общая граница соседних ячеек.
Свойство border-spacing
Расстояние между рамками ячеек в таблице.
Краткая информация
| Значение по умолчанию | 0 |
|---|---|
| Применяется | к таблицам |
| Наследуется | да |
| Имя свойства в DOM | borderSpacing |
Значения
Можно использовать одно или два положительных значения через пробел.
- 1 значение - расстояние между ячейками соседних строк и столбцов.
- 2 значения - первое значение задаёт расстояние между ячейками соседних столбцов, второе - соседних строк.
Свойство table-layout
Определяет, как вычислять ширину ячеек таблицы.
Краткая информация
| Значение по умолчанию | auto |
|---|---|
| Применяется | к таблицам |
| Наследуется | нет |
| Имя свойства в DOM | tableLayout |
Значения
auto- браузер загружает таблицу и анализирует ее содержимое. После этого таблица отображается.fixed- браузер сразу выводит таблицу, не анализируя её содержимое. Ширина ячеек устанавливается одинаковой или на основании тега<col>. Для корректной работы должна быть задана ширина всей таблицы.