Thuộc tính CSS list-style-type

Định nghĩa và cách sử dụng

Thuộc tính list-style-type thiết lập loại marker của mục danh sách.

Xem thêm:

Hướng dẫn CSS:Danh sách CSS

Tài liệu tham khảo CSS:Thuộc tính CSS list-style

Tài liệu tham khảo HTML DOM:Thuộc tính listStyleType

Ví dụ

Đặt các樣式 danh sách khác nhau:

ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

Thử ngay

（Có thể tìm thêm ví dụ ở cuối trang web）

Ngữ pháp CSS

list-style-type: value;

Giá trị thuộc tính

Giá trị của CSS2:

Giá trị Mô tả
none Không có marker.
disc Mặc định. Marker là hình tròn đậm.
circle Marker là hình tròn trống.
square Marker là hình vuông đậm.
decimal Marker là số.
decimal-leading-zero Chữ số bắt đầu bằng số 0 (01, 02, 03, v.v.)
lower-roman Chữ số La Mã viết thường (i, ii, iii, iv, v, v.v.)
upper-roman Chữ số La Mã viết hoa (I, II, III, IV, V, v.v.)
lower-alpha Chữ cái tiếng Anh viết thường The marker is lower-alpha (a, b, c, d, e, v.v.)
upper-alpha Chữ cái Latinh in hoa (The marker is upper-alpha (A, B, C, D, E, v.v.))
lower-greek Chữ cái Hy Lạp in thường (alpha, beta, gamma, v.v.)
lower-latin Chữ cái Latinh in thường (a, b, c, d, e, v.v.)
upper-latin Chữ cái Latinh in hoa (A, B, C, D, E, v.v.)
hebrew Cách số thứ tự truyền thống của Hebrew
armenian Cách số thứ tự truyền thống của Armenia
georgian Cách số thứ tự truyền thống của Georgia (an, ban, gan, v.v.)
cjk-ideographic Số biểu tượng đơn giản
hiragana Các dấu hiệu là: a, i, u, e, o, ka, ki, v.v. (Katakana Nhật Bản)
katakana Các dấu hiệu là: A, I, U, E, O, KA, KI, v.v. (Katakana Nhật Bản)
hiragana-iroha Các dấu hiệu là: i, ro, ha, ni, ho, he, to, v.v. (Katakana Nhật Bản)
katakana-iroha Các dấu hiệu là: I, RO, HA, NI, HO, HE, TO, v.v. (Katakana Nhật Bản)

Giá trị của CSS2.1:

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenian | georgian | none | inherit

Chi tiết kỹ thuật

Giá trị mặc định: disc
Thừa kế: yes
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.listStyleType="square"

Các ví dụ thêm

Các loại dấu hiệu danh sách khác nhau trong danh sách không có thứ tự
Ví dụ này trình bày tất cả các loại dấu hiệu danh sách khác nhau trong CSS.
Các loại dấu hiệu danh sách khác nhau trong danh sách có thứ tự
Ví dụ này trình bày tất cả các loại dấu hiệu danh sách khác nhau trong CSS.
Tất cả các loại樣式 danh sách
Ví dụ này trình bày tất cả các loại dấu hiệu danh sách khác nhau trong CSS.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5