CSS-এ লিস্ট মার্কার বক্সের ভিতরে বা বাইরে রাখা (list-style-position)

list-style-position property নির্দিষ্ট করে যে মার্কার বুলেট পয়েন্ট ধারণকারী বক্সের ভিতরে (inside) থাকবে নাকি বাইরে (outside)।

মান	বিবরণ
none	প্রযোজ্য নয়
inside	টেক্সট দ্বিতীয় লাইনে গেলে মার্কারের নিচে র‍্যাপ হবে। টেক্সটইন্ডেন্ট করা থাকে যেখানে `outside` থাকলে শুরু হতো।
outside	টেক্সট দ্বিতীয় লাইনে গেলে প্রথম লাইনের শুরুতে (বুলেটের ডানে) অ্যালাইন হবে।

উদাহরণ

নিচের কোডটি রান করে list-style-position property-র ব্যবহার শিখুন:

<html>
  <head>
  </head>
  <body>
    <ul style="list-style-type:circle; list-style-position:outside;">
      <li>BMW</li>
      <li>Audi</li>
    </ul>
    <ul style="list-style-type:square; list-style-position:inside;">
      <li>BMW</li>
      <li>Audi</li>
    </ul>
    <ol style="list-style-type:decimal; list-style-position:outside;">
      <li>BMW</li>
      <li>Audi</li>
    </ol>
    <ol style="list-style-type:lower-alpha; list-style-position:inside;">
      <li>BMW</li>
      <li>Audi</li>
    </ol>
  </body>
</html>