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;
}

Результат:

මෙයත් බලන්න