วิธีสร้างรายการลำดับ (Ordered List) เลขโรมันตัวเล็กใน HTML

ใช้แท็ก <ol> พร้อม attribute type="i" เพื่อสร้างรายการลำดับที่มีตัวเลขเป็นเลขโรมันตัวเล็ก i, ii, iii, iv, v...

ค่าของ type attribute สำหรับเลขโรมัน

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <title>World Cup Teams</title>
</head>
<body>
  <h1>List of teams for World Cup</h1>
  <ol type="i">
    <li>India</li>
    <li>Australia</li>
    <li>South Africa</li>
    <li>New Zealand</li>
    <li>Pakistan</li>
    <li>Sri Lanka</li>
    <li>West Indies</li>
    <li>Bangladesh</li>
  </ol>
</body>
</html>

ผลลัพธ์

1. India
2. Australia
3. South Africa
4. New Zealand
5. Pakistan
6. Sri Lanka
7. West Indies
8. Bangladesh

CSS Alternative

ol.roman-lower {
  list-style-type: lower-roman;
}

ใช้ <ol class="roman-lower"> แทน จะยืดหยุ่นกว่าและแยก content กับ presentation