CSS свойство display, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-5165948Перейти к справке CSS

p.inline { display:inline;

}

Описание и использование

Свойство CSS display задает отображение элемента на странице.

Значение по умолчанию inline
Наследование нет
Версия CSS CSS 1
Синтаксис JavaScript object.style.display=»inline»
   

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

chrome-3870405 firefox-7152301 ie-5743537 opera-7132933 safari-1177219
Свойство display поддерживается всеми основными браузерами.

Заметка: Ни одна версия Internet Explorer (включая IE8) не поддерживает значение свойства «inline-table», «run-in», «table», «table-caption», «table-cell», «table-column», «table-column-group», «table-row», и «table-row-group».

Возможные значения свойства display

Значение Описание
none Элемент не отображается на странице и вылетает из потока элементов
block Элемент отображается в виде блока, он переносится на новую строку и следующий элемент начинается с новой строки
inline Элемент отображается как строчный блок, т.е. он не переносится на новую строку, после него сразу идет следующий элемент
inline-block Элемент генерирует блочный элемент, обтекаемый другими элементами как в прыдущем случае, внутри он форматируется как блочный элемент
inline-table Элемент отображается как строчный блок, напоминающий тег , но в отличие от таблиц позволяет обтекать себя другими элементами

list-item Элемент отображается как блочный элемент с маркером списка
run-in Элемент отображается как блочный или строчный в зависимости от контекста
table Элемент отображается идентично тегу , т.е. вытесняет другие элементы справа и слева от себя)

table-caption Элемент отображается как название (подпись) таблицы (тег )
table-cell Элемент отображается как ячейка таблицы ( , )
table-column Элемент отображается как столбец таблицы ()
table-column-group Элемент отображается как группа столбцов таблицы (тег )
table-footer-group Элемент отображается как группа последних строк таблицы (тег tfoot)
table-header-group Элемент отображается как группа заголовков таблицы (тег thead)
table-row Элемент отображается как строка таблицы (тег
table-row-group Элемент отображается как группа строк таблицы ()
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: Отображение различных элементов в CSS

up_violet-5165948Перейти к справке CSS