|
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 Справочник
|
