list-style-position ဂုဏ်သတ္တိ
list-style-position ဂုဏ်သတ္တိသည်
စာရင်းအမှတ်အသားကို မည်သို့ပြသမည်ကို သတ်မှတ်ပေးသည်-
စာရင်း ul သို့မဟုတ်
ol ၏ အတွင်း၌ သို့မဟုတ် အပြင်ဘက်၌။
ဝါကျဖွဲ့ပုံ
ရွေးချယ်သူ {
list-style-position: inside | outside;
}
တန်ဖိုးများ
| တန်ဖိုး | ရှင်းလင်းချက် |
|---|---|
inside |
အမှတ်အသားသည် စာရင်း၏အတွင်းတွင်ရှိသည်။ |
outside |
အမှတ်အသားသည် စာရင်း၏အပြင်ဘက်တွင်ရှိသည်။ |
စံထားရှိသော တန်ဖိုး: outside.
ဥပမာ . inside တန်ဖိုး
<ul>
<li>စာရင်းအရာ</li>
<li>စာရင်းအရာ</li>
<li>စာရင်းအရာ</li>
<li>စာရင်းအရာ</li>
<li>စာရင်းအရာ</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
ဥပမာ . outside တန်ဖိုး
<ul>
<li>စာရင်းအရာ</li>
<li>စာရင်းအရာ</li>
<li>စာရင်းအရာ</li>
<li>စာရင်းအရာ</li>
<li>စာရင်းအရာ</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
ဆက်လက်လေ့လာရန်
-
list-style-typeဂုဏ်သတ္တိ,
အရာသည် စာရင်းအမှတ်အသားများ၏အမျိုးအစားကို သတ်မှတ်ပေးသည် -
list-style-typeဂုဏ်သတ္တိ,
အရာသည် စာရင်းအမှတ်အသားများ၏အမျိုးအစားကို သတ်မှတ်ပေးသည် -
list-styleဂုဏ်သတ္တိ,
အရာသည် အမှတ်အသားများအတွက် အတိုကောက်ဖြစ်သည်