Cách style Ordered List với số La Mã thường trong CSS

Tìm hiểu cách style ordered list với số La Mã thường 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ã thường với CSS

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

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

Ví dụ số La Mã thường:

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