Cách style Ordered List với số La Mã HOA trong CSS

Tìm hiểu cách style ordered list với số La Mã HOA trong CSS.

Để tạo ordered list trong HTML, bạn dùng:

• Tag <ol> định nghĩa element ordered list.
• Tag <li> định nghĩa element list item.

Ví dụ:

<ol> <li>List item</li> <li>List item</li> <li>List item</li> </ol>

Mặc định, ordered list items được style với số decimal thường:

1. List item
2. List item
3. List item

Ordered list mặc định với số decimal, đến từ User-Agent Stylesheet (UAS) built-in trong mọi trình duyệt. Được định nghĩa bằng CSS property: list-style-type: decimal;

Cách thêm số La Mã HOA với CSS

Để tạo list với số La Mã HOA, bạn cần override style số decimal mặc định, với CSS property list-style-type:

ol { list-style-type: upper-roman; }

Ví dụ số La Mã HOA:

1. List item
2. List item
3. List item