CSS свойство table-layout, поддержка в браузерах, примеры использования // Вебшкола онлайн

22.10.2021
Использование в css



up_violet-1490371Перейти к справке CSS

table { table-layout:fixed;

}

Описание и использование

Свойство CSS table-layout задает способ вычисления ширины ячеек таблицы браузером.

Значение по умолчанию auto
Наследование нет
Версия CSS CSS 2
Синтаксис JavaScript object.style.tableLayout=»fixed»

Поддержка в браузерах

chrome-7294786 firefox-7920216 ie-3136430 opera-3111516 safari-2471779
Свойство table-layout поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.

Возможные значения свойства table-layout

Значение Описание
auto Автоматическое определение ширины ячеек таблицы (значение по умолчанию):

  • Ширина столбцов таблицы определяется по самому широкому, неделимому содержанию в ячейке (например, длинное слово)
  • Влияет на скорость загрузки страницы, так как браузер должен просканировать все содержимое таблицы, после чего он задает ширину столбцов
fixed Фиксированная разметка:

  • Ширина столбцов не зависит от содержимого, ее можно задать явно
  • Все, что не поместится в ячейку, будет обрезано или наложено поверх таблицы (зависит от браузера)
  • Таблица отображается быстрее, чем в предыдущем случае
  • Браузер может отображать таблицу после загрузки первой строки таблицы
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: Таблицы в CSS

up_violet-1490371Перейти к справке CSS