Cách tạo kiểu cho một danh sách có thứ tự với các số La mã viết hoa trong CSS

Tìm hiểu cách tạo kiểu cho một danh sách có thứ tự với các số la mã viết hoa trong CSS.

Để tạo danh sách có thứ tự trong HTML, bạn sử dụng:

• <ol> để xác định phần tử danh sách có thứ tự của bạn.
• <li> để xác định các thành phần mục trong danh sách của bạn.

Ví dụ:

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

Theo mặc định, các mục trong danh sách có thứ tự được tạo kiểu bằng các số thập phân thông thường:

1. Mục danh sách
2. Mục danh sách
3. Mục danh sách

Danh sách có thứ tự mặc định với số thập phân, đến từ Biểu định kiểu tác nhân người dùng (UAS) được tích hợp sẵn, trong tất cả các trình duyệt. Nó được xác định bằng thuộc tính CSS:list-style-type: decimal;

Cách thêm số la mã viết hoa bằng CSS

Để tạo danh sách với các số la mã viết hoa, bạn cần ghi đè các số kiểu thập phân mặc định, với thuộc tính CSS list-style-type :

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

Ví dụ về số la mã viết hoa:

1. Mục danh sách
2. Mục danh sách
3. Mục danh sách