Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS table-layout

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

table
{
table-layout:fixed;
}


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

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

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

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

Chrome Firefox Internet Explorer Opera Safari
Свойство table-layout поддерживается всеми основными браузерами.

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


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

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

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

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


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


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта