display ဂုဏ်သတ္တိ
display ဂုဏ်သတ္တိသည် browser မှ element
ကိုပြသပုံနည်းလမ်းကိုသတ်မှတ်ပေးသည်။
ဝါကျဖွဲ့စည်းပုံ
selector {
display: value;
}
တန်ဖိုးများ
| တန်ဖိုး | ဖော်ပြချက် |
|---|---|
block |
Block element. |
inline |
Inline element. |
inline-block |
Inline-block element. |
list-item |
Element သည် list item တစ်ခုဖြစ်လာပြီး ၎င်းရှေ့တွင် list marker ပေါ်လာမည်။ |
flex |
Element ကို block အဖြစ်သတ်မှတ်ပြီး ၎င်း၏အဆက်အနွယ်များသည် flex elements များဖြစ်လာမည်။ |
inline-flex |
Element ကို inline-block အဖြစ်သတ်မှတ်ပြီး ၎င်း၏အဆက်အနွယ်များသည် flex elements များဖြစ်လာမည်။ |
grid |
Grid element တစ်ခုကိုဖန်တီးပေးသည်။ |
none |
Element သည် လုံးဝပျောက်ကွယ်သွားပြီး ကျန်အရာအားလုံးသည် ထို element မရှိသကဲ့သို့ ပြုမူကြမည်။ |
table |
Element သည် ဇယားတစ်ခုကဲ့သို့ပြုမူမည်။ |
table-cell |
Element သည် ဇယားကွင်းတစ်ခုကဲ့သို့ပြုမူမည်။ |
inline-table |
Element သည် ဇယားတစ်ခုကဲ့သို့ပြုမူမည်၊ သို့သော် ထိုဇယားသည် inline element တစ်ခုဖြစ်ပြီး ၎င်းကို အခြားအရာများ၊ ဥပမာ စာသားများက ဝန်းရံထားမည်။ |
table-caption |
Element သည် caption tag တစ်ခုကဲ့သို့ပြုမူမည်။ |
table-column |
Element သည် ဇယား column တစ်ခုကဲ့သို့ပြုမူမည်။ |
table-row |
Element သည် ဇယား row တစ်ခုကဲ့သို့ပြုမူမည်။ |
table-column-group |
Element သည် colgroup tag တစ်ခုကဲ့သို့ပြုမူမည်။ |
table-footer-group |
Element သည် tfoot tag တစ်ခုကဲ့သို့ပြုမူမည်။ |
table-header-group |
Element သည် thead tag တစ်ခုကဲ့သို့ပြုမူမည်။ |
table-row-group |
Element သည် tbody tag တစ်ခုကဲ့သို့ပြုမူမည်။ |
run-in |
Element ကို context အလိုက် block သို့မဟုတ် inline အဖြစ်သတ်မှတ်ပေးသည်။ |
စံထားချက်အရ element များတွင် display
တန်ဖိုးအမျိုးမျိုးရှိနိုင်သည်။