- Главная»
- CSS-Шпаргалка»
- display
display
Поддержка браузеров
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
IE до 7.0 (включ.) не поддерживает: inline-table, run-in, table, table-caption, table-cell, table-column, table-column-group, table-footer-group, table-header-group, table-row, table-row-group | + | + | до версии 3(вкл.) не поддерживается run-in | + |
Пример
Несколько абзацев объединяем в один:
p.inline { display:inline; }
Описание и использование
Свойство CSS display определяет, как элемент должен быть показан в документе.
Значение по умолчанию: | inline |
---|---|
Наследуется: | нет |
Версия: | CSS1 |
Аргументы
Значение | Описание |
---|---|
none | Временно удаляет элемент из документа. Занимаемое им место не резервируется и веб-страница формируется так, словно элемента и не было. |
block | Элемент будет генерировать блок (перенос строки до и после элемента) |
inline | Элемент будет генерировать инлайновый блок (нет переноса строки до и после элемента). Значение по умолчанию |
inline-block | Блочный элемент, который обтекается другими элементами веб-страницы подобно встроенному элементу. |
inline-table | Определяет, что элемент является таблицей как при использовании тега , но при этом таблица является встроенным элементом и происходит ее обтекание другими элементами, например, текстом. |
list-item | Элемент выводится как блочный и добавляется маркер списка. |
run-in | Устанавливает элемент как блочный или встроенный в зависимости от контекста. |
table | Определяет, что элемент является блочной таблицей подобно использованию тега . <table> |
table-caption | Задает заголовок таблицы подобно применению тега |
table-cell | Указывает, что элемент представляет собой ячейку таблицы |
table-column | Назначает элемент колонкой таблицы, словно был добавлен тег |
table-column-group | Определяет, что элемент является группой одной или более колонок таблицы, как при использовании тега |
table-footer-group | Используется для хранения одной или нескольких строк ячеек, которые отображаются в самом низу таблицы. По своему действию сходно с работой тега |
table-header-group | Элемент предназначен для хранения одной или нескольких строк ячеек, которые представлены вверху таблицы. По своему действию сходно с работой тега |
table-row | Элемент отображается как строка таблицы (тег |
table-row-group | Создает структурный блок, состоящий из нескольких строк таблицы аналогично действию тега |
inherit | Значение должно быть унаследовано от элемента родителя |