display

Автор: Алексей Елизаров.

CSS свойство display

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

Описание

Свойство display определяет, как должен отображаться элемент в окне браузера. Оно используется для переопределения варианта отображения по умолчанию.

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

Значения свойства

Значение	Описание
none	Элемент исключается из общего потока, он не отображается на экране и под него не резервируется место на странице ( все элементы ведут себя как обычно, как будто этот элемент отсутствует в исходном коде).
block	Элемент воспринимается браузером как блочный, т.е. отображается с новой строки и занимает всю доступную ширину, появляется возможность применения свойст margin и padding.
inline	Элемент будет отображаться, как строчный, например содержимое блочных элементов, к которым было применено данное значение, будет начинаться с того места, где окончился предыдущий элемент.
inline-block	Элемент отображается, как строчный, но появляется возможность применять к нему свойства, доступные только блочным элементам (например: margin, padding).
list-item	Элемент становится блочным и отображается, как элемент списка с маркером перед началом содержимого.
run-in	Элемент отображается, как строчный или блочный в зависимости от контекста.
table	Элемент отображается, как таблица.
table-caption	Элемент отображается, как заголовок таблицы.
table-cell	Отображает элемент, как ячейку таблицы.
table-column	Назначает элемент колонкой таблицы.
table-column-group	Указывает, что элемент является группой колонок таблицы (как элемент <colgroup>)
table-footer-group	Отображает элемент, как нижнюю часть таблицы.
table-header-group	Отображает элемент, как заголовочную часть таблицы.
table-row	Отображает элемент, как строку таблицы.
table-row-group	Отображает элемент, как группу из нескольких строк.
inherit	Указывает, что значение наследуется от родительского элемента.

span#mySpan
{
background-color:red;
display:block;
}