Thuộc tính CSS list-style

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

Thuộc tính viết tắt list-style đặt tất cả các thuộc tính danh sách trong một biểu đạt.

Giải thích

Thuộc tính này là một thuộc tính viết tắt, bao gồm tất cả các thuộc tính樣式 danh sách khác. Do nó áp dụng cho tất cả các phần tử có display là list-item, vì vậy nó chỉ có thể được sử dụng cho phần tử li trong HTML và XHTML, nhưng thực tế nó có thể được áp dụng cho bất kỳ phần tử nào và được kế thừa từ phần tử list-item.

Bạn có thể đặt theo thứ tự sau các thuộc tính:

Bạn có thể không đặt một giá trị nào đó, ví dụ "list-style:circle inside;" cũng được phép. Các thuộc tính không được đặt sẽ sử dụng giá trị mặc định.

Xem thêm:

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

Hướng dẫn HTML DOM:Thuộc tính listStyle

Ví dụ

Đặt hình ảnh làm dấu hiệu của mục danh sách trong danh sách:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

Thử ngay

Ngữ pháp CSS

list-style: list-style-type list-style-position list-style-image|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
list-style-type Đặt loại dấu hiệu của mục danh sách. Xem thêm:list-style-type Các giá trị có thể có.
list-style-position Đặt nơi đặt dấu hiệu của mục danh sách. Xem thêm:list-style-position Các giá trị có thể có.
list-style-image Sử dụng hình ảnh để thay thế dấu hiệu của mục danh sách. Xem thêm:list-style-image Các giá trị có thể có.
inherit Định nghĩa rằng giá trị thuộc tính list-style nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: disc outside none
Kế thừa: yes
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.listStyle="decimal inside"

Các ví dụ khác

Định nghĩa tất cả các thuộc tính danh sách trong một biểu đạt
Ví dụ này minh họa cách đặt tất cả các thuộc tính liên quan đến danh sách vào một thuộc tính viết tắt.

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 7.0