Thuộc tính loại HTML <ol>
Thí dụ
Một danh sách có thứ tự với các số la mã viết hoa:
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc typetính chỉ định loại điểm đánh dấu sẽ sử dụng trong danh sách (chữ cái hoặc số).
Mẹo: Thuộc tính kiểu danh sách CSS cung cấp nhiều loại hơn typethuộc tính (xem ví dụ bên dưới).
Hỗ trợ trình duyệt
| Attribute | |||||
|---|---|---|---|---|---|
| type | Yes | Yes | Yes | Yes | Yes |
Cú pháp
<ol type="1|a|A|i|I">
Giá trị thuộc tính
| Value | Description |
|---|---|
| 1 | Default. Decimal numbers (1, 2, 3, 4) |
| a | Alphabetically ordered list, lowercase (a, b, c, d) |
| A | Alphabetically ordered list, uppercase (A, B, C, D) |
| i | Roman numbers, lowercase (i, ii, iii, iv) |
| I | Roman numbers, uppercase (I, II, III, IV) |
Các ví dụ khác
Thí dụ
Hiển thị tất cả các loại danh sách khác nhau có sẵn với CSS:
<style>
ol.a {list-style-type: armenian;}
ol.b {list-style-type: cjk-ideographic;}
ol.c {list-style-type: decimal;}
ol.d {list-style-type:
decimal-leading-zero;}
ol.e {list-style-type: georgian;}
ol.f
{list-style-type: hebrew;}
ol.g {list-style-type: hiragana;}
ol.h
{list-style-type: hiragana-iroha;}
ol.i {list-style-type: katakana;}
ol.j {list-style-type: katakana-iroha;}
ol.k {list-style-type:
lower-alpha;}
ol.l {list-style-type: lower-greek;}
ol.m
{list-style-type: lower-latin;}
ol.n {list-style-type: lower-roman;}
ol.o {list-style-type: upper-alpha;}
ol.p {list-style-type: upper-latin;}
ol.q {list-style-type: upper-roman;}
ol.r {list-style-type: none;}
ol.s {list-style-type: inherit;}
</style>
❮ Thẻ HTML <ol>