display
Краткое описание свойства display
Определяет как элемент будет отображатеся в html документе.
Ограничения display
К сожалению большая часть аргументов не поддерживается большинством браузеров, поэтому мы в этой статье приведем лишь те аргументы, которые коректно работают во всех популярных браузерах. display - позволяет задать как будет отображатся элемент в браузере и будет ли отображатся вообще. Очень интересное и полезное свойство, с помощью которого можно добится очень интересных эфектов и некоторой интерактивности без использования скриптов.
Синтаксис:
p {display:block | inline | inline-table | list-item | none | run-in | table | table-caption | table-cell | table-column-group | table-footer-group | table-header-group | table-row | table-row-group;}
Описание аргументов:
Значение по умолчанию
none Обьектная модель:
[window.]document.getElementById("elementID").style.display block - элемент будет отображатся как блочный, то есть будет происходить перенос строки. Используется для инлайн-тегов типа <span></span> и заставляет их вести себя подобно блочным элементам.
inline - заставляет элемент отображается как встренный (inline). После такого элемента не происходит переноса строки.
list-item - элемент отображается как блочный и добавляется маркер списка.
none - позволяет сделать элемент невидимым, под него не резервируется место как будь-то его и нет на странице. Этот атрибут позволяет добится очень интересных эфектов, а при использовании скриптов важность этого атрибута возрастает во много раз.
Добавить комментарий
