Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS display

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

p.inline
{
display:inline;
}


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

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

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

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

Chrome Firefox Internet Explorer Opera Safari
Свойство 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 Элемент отображается как строчный блок, напоминающий тег <table>, но в отличие от таблиц позволяет обтекать себя другими элементами
list-item Элемент отображается как блочный элемент с маркером списка
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 Элемент отображается как строка таблицы (тег <tr>)
table-row-group Элемент отображается как группа строк таблицы (<tbody>)
inherit Значение наследуется от родительского элемента

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

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


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


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта