Својството 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.