Таблицы - CSS свойства
108
посл. ред.
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>
. Для корректной работы должна быть задана ширина всей таблицы.