table-layout
Обновлено: 15.12.2022
table-layout
Определяет, как браузер должен вычислять ширину ячеек таблицы, основываясь на её содержимом.
Краткая информация
| Значение по умолчанию | auto |
| Наследуется | Нет |
| Применяется | К тегу <table> или к элементу, у которого значение display установлено как table или inline-table. |
| Анимируется | Нет |
Синтаксис
table-layout: auto | fixedЗначения
| auto | Браузер загружает всю таблицу, анализирует её для определения размеров ячеек и только после этого отображает. |
| fixed | Ширина колонок в этом случае определяется либо с помощью элемента <col>, либо вычисляется на основе первой строки. Если данные о форматировании первой строки таблицы по каким-либо причинам получить невозможно, в этом случае таблица делится на колонки равной ширины. При использовании этого значения, содержимое, которое не помещается в ячейку указанной ширины, будет «обрезано» либо наложено поверх ячейки. Это зависит от используемого браузера, но в любом случае ширина ячейки меняться не будет. Для корректной работы этого значения обязательно должна быть задана ширина таблицы. |
Пример
Объектная модель
Объект.style.tableLayout