list-style ගුණය

list-style ගුණය එකවර list-style-type මාර්කර වර්ගය, list-style-image පින්තූරය සහ list-style-position එහි පිහිටීම ul හෝ ol ලැයිස්තු සඳහා සැකසීමට ඉඩ දෙයි.

ගුණාංග අනුපිළිවෙලෙහි අගයන්ගේ අනුපිළිවෙල ප්‍රබල නොවේ.

උදාහරණය

අපගේ ලැයිස්තුව සඳහා හතරැස් මාර්කර සකසමු:

html<ul>
  <li>ලැයිස්තු අයිතමය</li>
  <li>ලැයිස්තු අයිතමය</li>
  <li>ලැයිස්තු අයිතමය</li>
  <li>ලැයිස්තු අයිතමය</li>
  <li>ලැයිස්තු අයිතමය</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

උදාහරණය

දැන් අපි list-style ගුණයෙහි මාර්කරය සඳහා පින්තූරයක් සහ එහි පිහිටීම පෙළ ක්ෂේත්‍රය තුළට සකසමු:

html<ul>
  <li>ලැයිස්තු අයිතමය</li>
  <li>ලැයිස්තු අයිතමය</li>
  <li>ලැයිස්තු අයිතමය</li>
  <li>ලැයිස්තු අයිතමය</li>
  <li>ලැයිස්තු අයිතමය</li>
</ul>

cssul {
  list-style: url("li.gif") inside;
}

Результат: