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

Результат: