list-style-image ගුණය

list-style-image ගුණය ලැයිස්තුවක සලකුණු සඳහා රූපයක් සකසයි.

වාක්‍ය රචනා ක්‍රමය

cssතෝරන්නා {
  list-style-image: url("රූප ගොනුවට මාර්ගය") | none;
}

අගයන්

අගය විස්තරය
url රූප ගොනුවට මාර්ගය. රූපයේ නම ද්විත්ව උපුටා දැක්වීම් තුළ, තනි උපුටා දැක්වීම් තුළ හෝ උපුටා දැක්වීම් නොමැතිව දැක්විය හැක.
none ලැයිස්තුව සඳහා රූපය අවලංගු කරයි.

පෙරනිමි අගය: none.

උදාහරණය

html<ul>
  <li>ලැයිස්තු අථකය</li>
  <li>ලැයිස්තු අථකය</li>
  <li>ලැයිස්තු අථකය</li>
  <li>ලැයිස්තු අථකය</li>
  <li>ලැයිස්තු අථකය</li>
</ul>
cssul {
  list-style-image: url("li.gif");
}

Результат:

මේවාත් බලන්න

  • list-style-type ගුණය,
    ලැයිස්තු සලකුණු වර්ගය නියම කරයි
  • list-style-position ගුණය,
    සලකුණුවල පිහිටීම නියම කරයි
  • list-style ගුණය,
    සලකුණු සඳහා කෙටි යෙදුමකි