จัดสไตล์ marker รายการไม่มีลำดับด้วย CSS (list-style-type)

คุณสมบัติ list-style-type

คุณสมบัติ list-style-type ให้คุณควบคุมรูปหรือสไตล์ของ marker รายการไม่มีลำดับ (unordered lists)

ตัวอย่าง

<html>
  <head>
  </head>
  <body>
    <ul style="list-style-type:square;">
      <li>India</li>
      <li>UK</li>
      <li>US</li>
    </ul>
  </body>
</html>

ค่าสำหรับ unordered list:

• disc - วงกลมทึบ (ค่าเริ่มต้น)
• circle - วงกลมว่าง
• square - สี่เหลี่ยมทึบ
• none - ไม่มี marker

ค่าสำหรับ ordered list:

• decimal - 1, 2, 3... (ค่าเริ่มต้น)
• lower-alpha - a, b, c...
• upper-alpha - A, B, C...
• lower-roman - i, ii, iii...
• upper-roman - I, II, III...