ใช้แท็ก <ol> พร้อม attribute type="a" เพื่อสร้างรายการลำดับที่มีตัวเลขเป็นตัวอักษรเล็ก a, b, c, ...
ค่าของ type attribute
| ค่า | รูปแบบตัวเลข |
|---|---|
1 | 1, 2, 3, ... (ค่าเริ่มต้น) |
a | a, b, c, ... (ตัวเล็ก) |
A | A, B, C, ... (ตัวใหญ่) |
i | i, ii, iii, ... (โรมันเล็ก) |
I | I, II, III, ... (โรมันใหญ่) |
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<title>World Cup Teams</title>
</head>
<body>
<h1>List of teams for World Cup</h1>
<ol type="a">
<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>
ผลลัพธ์
- India
- Australia
- South Africa
- New Zealand
- Pakistan
- Sri Lanka
- West Indies
- Bangladesh
CSS Alternative
ใน CSS3 สามารถใช้ list-style-type: lower-alpha แทนได้ ซึ่งยืดหยุ่นกว่า