Свойства display
Многоцелевой атрибут, который определяет, как элемент должен быть показан в документе.
Синтаксис
display: block | inline | inline-table | list-item | none | run-in | table | table-caption | table-cell | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
Аргументы
Список возможных значений этого атрибута, понимаемый разными браузерами очень короткий — block, inline, list-item и none. Все остальные допустимые аргументы поддерживаются браузерами выборочно.
block
Элемент показывается как блочный. Применение этого значения для встроенных элементов, например тега "span", заставляет его вести подобно блокам — происходит перенос строк в начале и в конце содержимого.
inline
Элемент отображается как встроенный. Использование блочных тегов, таких как "div" и "p", автоматически создает перенос и показывает содержимое этих тегов с новой строки. Аргумент inline отменяет эту особенность, поэтому содержимое блочных элементов начинается с того места, где окончился предыдущий элемент.
inline-block
Это значение генерирует блочный элемент, который обтекается другими элементами веб-страницы подобно встроенному элементу. Фактически такой элемент по своему действию похож на встраиваемые элементы (вроде тега "img border="0"). При этом его внутренняя часть форматируется как блочный элемент, а сам элемент — как встроенный.
inline-table
Определяет, что элемент является таблицей как при использовании тега "p", но при этом таблица является встроенным элементом и происходит ее обтекание другими элементами, например, текстом.
list-item
Элемент выводится как блочный и добавляется маркер списка.
none
Временно удаляет элемент из документа. Занимаемое им место не резервируется и веб-страница формируется так, словно элемента и не было. Изменить значение параметра и сделать его вновь видимым можно с помощью скриптов, обращаясь к свойствам через объектную модель. В этом случае происхоит переформатирование данных на странице с учетом вновь добавленного элемента.
run-in
Устанавливает элемент как блочный или встроенный в зависимости от контекста.
table
Определяет, что элемент является блочной таблицей подобно использованию тега "TABLE".
table-caption
Задает заголовок таблицы подобно применению тега "CAPTION".
table-cell
Указывает, что элемент представляет собой ячейку таблицы (тег "TD" или "TH")
table-column
Назначает элемент колонкой таблицы, словно был добавлен тег "COL" .
table-column-group
Определяет, что элемент является группой одной или более колонок таблицы, как при использовании тега "COLGROUP".
table-footer-group
Используется для хранения одной или нескольких строк ячеек, которые отображаются в самом низу таблицы. По своему действию сходно с работой тега "TFOOT".
table-header-group
Элемент предназначен для хранения одной или нескольких строк ячеек, которые представлены вверху таблицы. По своему действию сходно с работой тега "THEAD".
table-row
Элемент отображается как строка таблицы (тег"table" "caption").
table-row-group
Создает структурный блок, состоящий из нескольких строк таблицы аналогично действию тега "TBODY".