Свойство display
Свойството display - задава начина на показване
на елемент от браузъра.
Синтаксис
селектор {
display: стойност;
}
Стойности
| Стойност | Описание |
|---|---|
block |
Блочен елемент. |
inline |
Редов елемент. |
inline-block |
Редово-блочен елемент. |
list-item |
Елементът ще стане елемент от списък и пред него ще се появи маркер на списъка. |
flex |
Задава елемента като блочен, а неговите наследници ще станат flex елементи. |
inline-flex |
Задава елемента като редово-блочен, а неговите наследници ще станат flex елементи. |
grid |
Създава елемент-мрежа. |
none |
Елементът напълно ще изчезне и всички останали елементи ще се държат така, сякаш този елемент не съществува. |
table |
Елементът ще се държи като таблица. |
table-cell |
Елементът ще се държи като клетка на таблица. |
inline-table |
Елементът ще се държи като таблица, но като таблицата е вграден елемент и осъществява обтичане от други елементи, например от текст. |
table-caption |
Елементът ще се държи като таг caption. |
table-column |
Елементът ще се държи като колона на таблица. |
table-row |
Елементът ще се държи като ред на таблица. |
table-column-group |
Елементът ще се държи като таг colgroup. |
table-footer-group |
Елементът ще се държи като таг tfoot. |
table-header-group |
Елементът ще се държи като таг thead. |
table-row-group |
Елементът ще се държи като таг tbody. |
run-in |
Задава елемента като блочен или вграден в зависимост от контекста. |
По подразбиране елементите могат да имат различни
стойности на display.