Свойство display
Свойство display используется что бы явно указать тип блока, порождаемого элементом. Взависимости от значения display, осуществляется компоновка блоков, порождаемых различными элементами. Если свойство display имеет значение none, то для всех потомков данного элемента принудительно так же устанавливается свойство display со значением none. Если для элемента свойство display установлено в значение run-in или compact, то в зависимости от результирующего типа блока, к нему могут применятся или не применятся свойства, применимые только к блочным или только к строковым элементам
| Синтаксис | |
|---|---|
| display: inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | |
| Возможные значения и ключевые слова | |
| inline | приводит к созданию контейнера-строки. |
| block | приводит к созданию блочного контейнера. |
| list-item | элемент объявляется элементом списка |
| run-in | в зависимости от сопутствующих блоков генерирует блочный или строковой контейнер |
| compact | в зависимости от сопутствующих блоков генерирует блочный или строковой контейнер |
| marker | значение используется совместно с псевдоэлементами :before и :after, генерирует контейнер маркера |
| table | элемент объявляется таблицей (генерируется блочный контейнер) |
| inline-table | элемент объявляется таблицей (контейнер-строка) |
| table-row-group | элемент объявляется группой строк ячеек таблицы |
| table-header-group | элемент объявляется группой строк ячеек таблицы, располагается в начале таблицы |
| table-footer-group | элемент объявляется группой строк ячеек таблицы, располагается в конце таблицы |
| table-row | элемент объявляется строкой табличных ячеек |
| table-column-group | элемент объявляется группой колонок ячеек таблицы |
| table-column | элемент объявляется колонкой ячеек таблицы |
| table-cell | элемент объявляется ячейкой таблицы |
| table-caption | элемент объявляется подписью таблицы |
| none | элемент не генерирует никакого контейнера. |
| Разное | |
| Значение по умолчанию | block |
| Применимо | ко всем элементам |
| Наследование | нет |
| Процентная запись | не применима |
| Media | visual |
В следующем примере подавляется вывод всех ссылок с классом »invisible«, при помощи свойства display, установленного в значение none:
a.invisble {display:none}
Примечание: Хотя по умолчанию свойство display имеет значение block, браузеры обычно имеют для всех элементов значения по умолчанию.
Примечание: Браузеры могут игнорировать данное свойство и пользоваться своими установками по умолчанию.
Примечание:
Internet Explorer версии 4.x не поддерживает свойство display, за исключением
возможности выставить его в значение none.
