Danh sách kiểu dáng
Thí dụ
Thay đổi kiểu của danh sách:
document.getElementById("myList").style.listStyle = "decimal inside";
Định nghĩa và Cách sử dụng
Thuộc tính listStyle đặt hoặc trả về tối đa ba thuộc tính danh sách riêng biệt, ở dạng viết tắt.
Với thuộc tính này, bạn có thể đặt / trả lại một hoặc nhiều điều sau (theo bất kỳ thứ tự nào):
- list-style-type
- danh sách-kiểu-vị trí
- list-style-image
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
listStyle | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả lại danh sách
object.style.listStyle
Đặt thuộc tính listStyle:
object.style.listStyle = "type position image|initial|inherit"
Giá trị tài sản
Parameter | Description |
---|---|
type | Defines the list-item marker type |
position | Positions the list-item marker |
image | Defines an image to be used as the list-item marker |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | đĩa bên ngoài không có |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho kiểu của một danh sách |
Phiên bản CSS | CSS1 |
Các ví dụ khác
Thí dụ
Thay đổi loại và vị trí của danh sách thành "hình vuông bên trong":
document.getElementById("myList").style.listStyle = "square inside";
Thí dụ
Trả lại kiểu danh sách:
document.getElementById("myList").style.listStyle;
Các 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
❮ Đối tượng phong cách