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 мәндеріне ие бола алады.