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

list-style-position ဂုဏ်သတ္တိသည် စာရင်းအမှတ်အသားကို မည်သို့ပြသမည်ကို သတ်မှတ်ပေးသည်- စာရင်း ul သို့မဟုတ် ol ၏ အတွင်း၌ သို့မဟုတ် အပြင်ဘက်၌။

ဝါကျဖွဲ့ပုံ

cssရွေးချယ်သူ {
  list-style-position: inside | outside;
}

တန်ဖိုးများ

စံထားရှိသော တန်ဖိုး: outside.

ဥပမာ . inside တန်ဖိုး

html<ul>
  <li>စာရင်းအရာ</li>
  <li>စာရင်းအရာ</li>
  <li>စာရင်းအရာ</li>
  <li>စာရင်းအရာ</li>
  <li>စာရင်းအရာ</li>
</ul>

cssul {
  list-style-position: inside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

ဥပမာ . outside တန်ဖိုး

html<ul>
  <li>စာရင်းအရာ</li>
  <li>စာရင်းအရာ</li>
  <li>စာရင်းအရာ</li>
  <li>စာရင်းအရာ</li>
  <li>စာရင်းအရာ</li>
</ul>

cssul {
  list-style-position: outside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

ဆက်လက်လေ့လာရန်