Свойство table-layout
Последнее обновление: 09.01.2011
Свойство table-layout задает алгоритм вычисления высоты и ширины строк (<tr>), колонок и ячеек (<td>) таблицы.
Допустимые значения
- auto — используется автоматическое определение размеров элементов таблицы на основании содержимого
- fixed — размеры элементов таблицы жестко зафиксированы. Содержимое, которое не помещается в ячейки, будет обрезано, либо выходить за границы
- inherit — наследует значение от родителя
| Значение по умолчанию | auto |
|---|---|
| Применимо | к table, а таже к элементам для которых установлено display: table или display: table-inline |
| Наследование | нет |
| Версия CSS | CSS 2 |
| Поддерживается браузерами |
|
Пример
table {
table-layout: fixed;
}
Твой код:
Результат:
большой полигон
Заметки
При автоматическом определении размеров элементов таблицы, браузер сначала полностью загружает таблицу, анализирует содержимое, на основании этого задает размеры таблицы, строк, ячеек, только затем отображает. При фиксированном алгоритме, загружается только первая строка таблицы, что повышает скорость отображения страницы.
Поэтому часто имеет смысл использовать фиксированную модель таблицы.
По теме
- Таблицы в HTML. Как и где использовать.
- Семантический HTML код — рекомендация с большими выгодами
- Свойство caption-side
- Свойство empty-cells
- CSS свойство border-spacing
- Атрибут cellspacing
- Атрибут cellpadding
Теги: таблицы, CSS свойства
Показать комментарии