Закрыть   X

  •    
  •    
Печать

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;
}


 


© 2024 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки