Руководство по CSS

Правила CSS (@RULES)

Полный список свойств CSS

Свойство text-align в CSS Свойство right в CSS

Метод использования и примеры CSS table-layout

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

В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования этого свойства в скриптах JavaScript.

Значение по умолчанию:	auto
Для:	Таблицы и встроенные таблицы элементов
Инherit:	Нет
Анимировано:	Нет.См. также Анимационные свойства.
Версия:	CSS 2, 3
JavaScript грамматика:	объект.style.tableLayout="fixed"

Грамматика использования table-layout

Грамматика этого свойства такая:

table-layout:　auto　|　fixed　|　initial　|　inherit

Ниже приведен пример использования свойства table-layout.

Пример

　　table　{
　　　width:　250px;
　　　table-layout:　fixed;
　　}

Проверьте, как это выглядит < / >

Совет:Фиксированный алгоритм таблицы layout позволяет браузеру быстрее раскладывать таблицы, чем автоматический алгоритм таблицы layout. Как только браузер получает первую строку, он может начать отображать таблицу.

Значения свойств

В таблице ниже описаны значения этого свойства.

Значение	Описание
auto	Используется автоматический алгоритм таблицы layout для таблицы. Ширина таблицы и ячеек зависит от содержимого ячеек. Это значение по умолчанию.
fixed	Используется фиксированный алгоритм таблицы layout для таблицы. Горизонтальное расположение таблицы не зависит от содержимого ячеек; оно зависит только от ширины таблицы, ширины столбцов и отступов или пробелов между ячейками. Ширина таблицы и столбцов устанавливается шириной элементов table и col или шириной первой строки ячеек.
initial	Установите этот параметр в его значение по умолчанию.
inherit	Если указано, то связанный элемент использует значение свойства table-layout родительского элемента.

Примечание:Автоматический алгоритм таблицы layout может замедлить отображение таблиц с большим количеством строк или столбцов, так как он требует, чтобы браузер мог получить доступ ко всему содержимому таблицы перед тем, как определить окончательное расположение.

Совместимость браузеров

Совместимость браузеров с свойством table-layout, числа в таблице указывают на минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

	Firefox 1+ Google Chrome 2+ Internet Explorer 5+ Apple Safari 1+ Opera 7+

Дополнительное чтение

См. также руководства по следующим темам:HTML таблица,CSS таблица.

См. также свойства:width.

Свойство text-align в CSS Свойство right в CSS