CSS Свойство display
Полный CSS Справочник
Пример
Позволить параграфу генерировать контейнер линейного типа:
p.inline
{
display:inline;
} |
Попробуйте сами » |
Определение и Использование
Свойство display указывает тип контейнера, который должен генерировать элемент.
Значение по умолчанию: |
inline |
Наследуется: |
нет |
Версия: |
CSS1 |
JavaScript синтаксис: |
объект.style.display="inline" |
Поддержка Браузерами
Свойство display поддерживается всеми основными браузерами.
Замечание: Значения "inline-table", "run-in", "table", "table-caption",
"table-cell", "table-column", "table-column-group", "table-row",
"table-row-group" и "inherit" не поддерживаются в IE7 и более ранних версиях. IE8
требует объявления !DOCTYPE. IE9 поддерживает эти значения.
Значения Свойства
Значение |
Описание |
none |
Элемент вообще не будет генерировать какой-либо контейнер |
block |
Элемент будет генерировать контейнер блочного типа (с пропуском строки перед и после элемента) |
inline |
Элемент будет генерировать контейнер линейного типа (нет
пропуска строки до и после элемента). Используется по умолчанию |
inline-block |
Элемент будет генерировать контейнер блочного типа, изображаемый как контейнер линейного типа
|
inline-table |
Элемент будет генерировать контейнер линейного типа (наподобие
<table>, без пропуска строки до и после) |
list-item |
Элемент будет генерировать контейнер блочного типа и контейнер линейного типа
для маркера списка |
run-in |
Элемент будет генерировать контейнер блочного или линейного типа в
зависимости от контекста |
table |
Элемент будет вести себя как таблица (наподобие
<table>,
с пропуском строки до и после) |
table-caption |
Элемент будет вести себя как заголовок таблицы (наподобие
<caption>) |
table-cell |
Элемент будет вести себя как ячейка таблицы |
table-column |
Элемент будет вести себя как колонка таблицы |
table-column-group |
Элемент будет вести себя как группа колонок (наподобие <colgroup>) |
table-footer-group |
Элемент будет вести себя как группа строк нижней части (подвала) таблицы |
table-header-group |
Элемент будет вести себя как группа строк заголовка таблицы |
table-row |
Элемент будет вести себя как строка таблицы |
table-row-group |
Элемент будет вести себя как группа строк таблицы |
inherit |
Указывает, что значение свойства display должно наследоваться от родительского элемента |
Смотрите ТакжеCSS уроки: CSS Отображение и
Видимость
 |
Попробуйте сами - Примеры |
Использование значения inherit
Этот пример демонстрирует, как использовать значение inherit свойства display.
Полный CSS Справочник
|