list-style-type ဂုဏ်သတ္တိ

list-style-type ဂုဏ်သတ္တိသည် ul စာရင်းအတွက် အစက်အမှတ်အသားများအစား စတုရန်းများ သို့မဟုတ် စက်ဝိုင်းများပြုလုပ်ရန် ခွင့်ပြုပေးသည်။ ol စာရင်းအတွက် သာမန်ဂဏန်းများအစား ရောမဂဏန်းများ၊ အက္ခရာများဖြင့် နံပါတ်သတ်မှတ်ခြင်း- လက်တင်သို့မဟုတ် ဂရိအက္ခရာများဖြင့် ပြုလုပ်နိုင်သည်။

Syntax

selector {
	list-style-type: value;
}

ul အတွက် တန်ဖိုးများ

တန်ဖိုး	ဖော်ပြချက်
`circle`	စက်ဝိုင်းပုံစံ အမှတ်အသားများကို ဖန်တီးပေးသည်။
`disc`	အရောင်ဖြည့်ထားသော စက်ဝိုင်းပုံစံ အမှတ်အသားများကို ဖန်တီးပေးသည်။
`square`	စတုရန်းပုံစံ အမှတ်အသားများကို ဖန်တီးပေးသည်။
`none`	အမှတ်အသားများကို ဖယ်ရှားပေးသည်။

ပုံမှန် တန်ဖိုး- disc။

ol အတွက် တန်ဖိုးများ

တန်ဖိုး	ဖော်ပြချက်
`armenian`	ရိုးရာ အာမေးနီးယား နံပါတ်သတ်မှတ်ခြင်း။
`decimal`	အာရဗီ ဂဏန်းများ။
`decimal-leading-zero`	ဆယ်ထက်ငယ်သော ဂဏန်းများအတွက် ရှေ့တွင် သုညပါသော အာရဗီ ဂဏန်းများ။
`georgian`	ရိုးရာ ဂျော်ဂျီယား နံပါတ်သတ်မှတ်ခြင်း။
`lower-alpha`	အသေးစား လက်တင်အက္ခရာများ။
`lower-greek`	အသေးစား ဂရိအက္ခရာများ။
`lower-latin`	ဤတန်ဖိုးသည် lower-alpha နှင့် အတူတူပင်ဖြစ်သည်။
`lower-roman`	အသေးစားအဆင့်ရှိ ရောမဂဏန်းများ။
`upper-alpha`	အကြီးစား လက်တင်အက္ခရာများ။
`upper-latin`	ဤတန်ဖိုးသည် upper-alpha နှင့် အတူတူပင်ဖြစ်သည်။
`upper-roman`	အကြီးစားအဆင့်ရှိ ရောမဂဏန်းများ။
`none`	အမှတ်အသားများကို ဖယ်ရှားပေးသည်။

ပုံမှန် တန်ဖိုး- decimal။

နမူနာ

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: disc;
}

နမူနာ

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: circle;
}

နမူနာ

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: square;
}

နမူနာ

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: none;
}

နမူနာ

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: decimal;
}

နမူနာ

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: armenian;
}

နမူနာ

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: decimal-leading-zero;
}

နမူနာ

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: georgian;
}

နမူနာ

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: lower-alpha;
}

နမူနာ

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: lower-greek;
}

နမူနာ

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: lower-latin;
}

နမူနာ

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: lower-roman;
}

နမူနာ

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: upper-alpha;
}

နမူနာ

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: upper-roman;
}

နမူနာ

ဤနမူနာသည် color ဂုဏ်သတ္တိသည် စာသား၏အရောင်ကိုသာမက အမှတ်အသားများ၏ အရောင်ကိုပါ သက်ရောက်မှုရှိကြောင်း ပြသသည်-

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: disc;
	color: red;
}

ဆက်လက်ကြည့်ရှုရန်

list-style-image ဂုဏ်သတ္တိ၊
အရောင်းပုံများဖြင့် အမှတ်အသားများသတ်မှတ်ပေးသည်
list-style-position ဂုဏ်သတ္တိ၊
အမှတ်အသားများ၏ တည်နေရာကို သတ်မှတ်ပေးသည်
list-style ဂုဏ်သတ္တိ၊
အမှတ်အသားများအတွက် အတိုကောက်ဖြစ်သည်