Thuộc tính hình ảnh kiểu danh sách CSS
Ví dụ
Chỉ định một hình ảnh làm điểm đánh dấu mục danh sách trong danh sách:
ul
{
list-style-image: url('sqpurple.gif');
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính list-style-image
thay thế điểm đánh dấu mục danh sách bằng hình ảnh.
Lưu ý: Luôn chỉ định thêm thuộc tính list-style-type . Thuộc tính này được sử dụng nếu hình ảnh vì lý do nào đó không có sẵn.
Giá trị mặc định: | không có |
---|---|
Thừa hưởng: | Đúng |
Hoạt hình: | KHÔNG. Đọc về hoạt hình |
Phiên bản: | CSS1 |
Cú pháp JavaScript: | object .style.listStyleImage="url('smiley.gif')" Hãy thử nó |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Cú pháp CSS
list-style-image: none| url |initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
none | No image will be displayed. Instead, the list-style-type property will define what type of list marker will be rendered. This is default | Demo ❯ |
url | The path to the image to be used as a list-item marker | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Hướng dẫn CSS: Danh sách CSS
Tham chiếu CSS: thuộc tính kiểu danh sách
Tham chiếu DOM HTML: thuộc tính listStyleImage