display

Опис CSS властивості display:

Багатоцільовий атрибут, який визначає, чи повинен бути показаний елемент в документі. Відрізняється від схожого на нього за дією параметра visible тим, що display НЕ резервує пусте простір під елементом, а тимчасово видаляє його з документа. Завдяки цій властивості, параметр display часто застосовують для створення розкривного списку, коли потрібно, щоб один текст заміняв собою інший при натисканні на посилання.

Синтаксис CSS властивості display:

display: block | compact | 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

Аргументи CSS властивості display:

Якщо елемент повинен бути показаний в документі, встановлюється значення block, inline або list-item. Значення none тимчасово видаляє елемент з документа. block - елемент показується як блоковий. Застосування цього значення для вбудованих елементів, наприклад тега SPAN, змушує його вести подібно блокам - відбувається перенесення рядків на початку і в кінці вмісту. inline - елемент показується як вбудований. Використання блокових тегів, таких як DIV і P, автоматично створює перенос і показує вміст цих тегів з нового рядка. Аргумент inline скасовує цю особливість, тому вміст блокових елементів починається з того місця, де закінчився попередній елемент. list-item - елемент виводиться як блоковий і додається маркер списку. none - тимчасово видаляє елемент з документа. Займане ним місце не резервується і веб-сторінка формується так, наче елемента і не було. Змінити значення параметра і зробити його знову видимим можна за допомогою скриптів, звертаючись до властивостей через об'єктну модель. У цьому випадку проісхоіт переформатування даних на сторінці з урахуванням знову доданого елемента.

Значення по замовчуванні CSS властивості display:

inline

Наслідування CSS властивості display:

не наслідується

Приклад використання CSS властивості display:

<div style="display: inline"> Текст </div> <div style="display: none">Приховане поле</div>

Використання CSS властивості display:

всі елементи

Об'єктна модель CSS властивості display:

[window.]document.getElementById("elementID").style.display

Додаткові відомості про CSS властивість display:

Список можливих значень цього атрибуту, розуміється різними браузерами дуже короткий - block, inline і none. Всі інші допустимі аргументи підтримуються браузерами вибірково.