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. Всі інші допустимі аргументи підтримуються браузерами вибірково.