কম্পিউটার টিউটোরিয়াল

CSS-এ list-style shorthand property ব্যবহার

list-style property ব্যবহার করে সব লিস্ট প্রোপার্টি (type, position, image) একসাথে একটি এক্সপ্রেশন-এ নির্দিষ্ট করা যায়।

উদাহরণ

নিচের কোডটি রান করে লিস্টের সব প্রোপার্টি (list-style, type, ইত্যাদি) এক লাইনে লিখার পদ্ধতি শিখুন:

<html>
  <head>
  </head>
  <body>
    <ul style="list-style: inside circle;">
      <li>Laptop</li>
      <li>Desktop System</li>
    </ul>
    <ol style="list-style: outside lower-alpha;">
      <li>Laptop</li>
      <li>Desktop System</li>
    </ol>
  </body>
</html>

সিনট্যাক্স: list-style: type position image;। ক্রম যেকোনো হতে পারে। type: disc, circle, square, decimal, lower-alpha ইত্যাদি। position: inside, outside। image: url()।

  1. CSS column-count প্রোপার্টি দিয়ে এলিমেন্টকে কলামে ভাগ করা

  2. CSS-এ কーソর রঙ নির্দিষ্ট করা

  3. CSS-এ সব border-radius প্রোপার্টি সেট করা

  4. CSS-এ সব প্রপার্টি রিসেট করুন