Display

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

синтаксис

display: block | inline | inline-block | inline-table | list-item | none | 
run-in | table | table-caption | table-cell | table-column-group | table-column | 
table-footer-group | table-header-group | table-row | table-row-group
				

Значения

block Элемент показывается как блочный. Применение этого значения для строчных элементов, например , заставляет его вести подобно блокам — происходит перенос строк в начале и в конце содержимого.

inline Элемент отображается как строчный. Использование блочных элементов, таких как

и

, автоматически создаёт перенос и показывает их содержимое с новой строки. Значение inline отменяет эту особенность, поэтому содержимое блочных элементов начинается с того места, где окончился предыдущий элемент.

inline-block Это значение генерирует блочный элемент, который обтекается другими элементами веб-страницы подобно строчному элементу. Фактически такой элемент по своему действию похож на встраиваемые элементы (вроде ). При этом его внутренняя часть форматируется как блочный элемент, а сам элемент — как строчный.

inline-table Определяет, что элемент является таблицей как при использовании

, но при этом таблица является строчным элементом и происходит её обтекание другими элементами, например, текстом.

list-item Элемент выводится как блочный и добавляется маркер списка.

none Временно удаляет элемент из документа. Занимаемое им место не резервируется и веб-страница формируется так, словно элемента и не было. Изменить значение и сделать вновь видимым элемент можно с помощью скриптов, обращаясь к свойствам через объектную модель. В этом случае происходит переформатирование данных на странице с учётом вновь добавленного элемента.

run-in Устанавливает элемент как блочный или строчный в зависимости от контекста.

table Определяет, что элемент является блочной таблицей подобно использованию

.

table-caption Задаёт заголовок таблицы подобно применению

.

table-column-group Определяет, что элемент является группой одной или более колонок таблицы, как при использовании

.

table-column-group Используется для хранения одной или нескольких строк ячеек, которые отображаются в самом низу таблицы. По своему действию сходно с работой

.

table-header-group Элемент предназначен для хранения одной или нескольких строк ячеек, которые представлены вверху таблицы. По своему действию сходно с работой

.

table-row Элемент отображается как строка таблицы (

).

table-row-group Создаёт структурный блок, состоящий из нескольких строк таблицы аналогично действию

.

Поддержка

Internet explorer 8

Chrome 1

Opera 7

Safari 1

Firefox 3

.

table-cell Указывает, что элемент представляет собой ячейку таблицы (

или
).

table-column

Назначает элемент колонкой таблицы, словно был добавлен