Свойства display

 

mini_css

 

 

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

Синтаксис

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".