display ගුණය
display ගුණය - බ්‍රවුසරය මගින් මූලද්‍රව්‍යය ප්‍රදර්ශනය කරන ආකාරය
නියම කරයි.
වාක්‍ය ඛණ්ඩය
cssතෝරන්නා {
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 අගයන් තිබිය හැක.