display

Поддержка браузеров

IE Opera Chrome Firefox Safari
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 Значение должно быть унаследовано от элемента родителя
^ Наверх ^