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 - позволяет сделать элемент невидимым, под него не резервируется место как будь-то его и нет на странице. Этот атрибут позволяет добится очень интересных эфектов, а при использовании скриптов важность этого атрибута возрастает во много раз.

 

Добавить комментарий


Защитный код
Обновить


Последние комментарии

  • Чем отличаются margin-top от margin-bottom?
  • 5
  • Отличный сайт! :D