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

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

Thuộc tính list-style-image sử dụng hình ảnh để thay thế dấu hiệu của mục danh sách.

Giải thích

Thuộc tính này xác định hình ảnh được sử dụng làm dấu hiệu của mục trong danh sách có thứ tự hoặc không có thứ tự. Vị trí đặt hình ảnh so với nội dung của mục danh sách thường được kiểm soát bởi thuộc tính list-style-position.

Ghi chú:Luôn quy định thuộc tính "list-style-type" để đảm bảo hình ảnh có thể không được hiển thị.

Xem thêm:

Hướng dẫn CSSDanh sách CSS

Hướng dẫn CSSThuộc tính CSS list-style

Hướng dẫn HTML DOMThuộc tính listStyleImage

Ví dụ

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

ul
  {
  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }

Thử nghiệm ngay

Ngữ pháp CSS

list-style-image: none|url|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
URL Đường dẫn hình ảnh.
none Mặc định. Không hiển thị hình ảnh.
inherit Định nghĩa rằng giá trị thuộc tính list-style-image nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: none
Kế thừa: yes
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.listStyleImage="url('/images/blueball.gif')"

Các ví dụ khác

Đặt hình ảnh làm dấu hiệu của mục danh sách
Ví dụ này minh họa cách đặt hình ảnh làm dấu hiệu của mục danh sách.

Hỗ trợ trình duyệt

Số trong bảng chú thích là 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