display

14 Нояб 2019г. в 18:19

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

Пример

p.inline
{
display:inline;
}

Аргументы

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 - Значение должно быть унаследовано от элемента родителя