Thuộc tính list-style-position trong CSS
Thí dụ
Chỉ định vị trí của các điểm đánh dấu mục danh sách:
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}
Định nghĩa và Cách sử dụng
Thuộc list-style-position
tính chỉ định vị trí của các điểm đánh dấu mục danh sách (dấu đầu dòng).
list-style-position: outside;
nghĩa là các dấu đầu dòng sẽ nằm ngoài mục danh sách. Đầu mỗi dòng của một mục danh sách sẽ được căn chỉnh theo chiều dọc:
- Cà phê - Thức uống pha chế từ hạt cà phê rang ...
- Trà
- than cốc
list-style-position: inside;
nghĩa là các dấu đầu dòng sẽ nằm bên trong mục danh sách. Vì nó là một phần của mục danh sách, nó sẽ là một phần của văn bản và đẩy văn bản vào đầu:
- Cà phê - Thức uống pha chế từ hạt cà phê rang ...
- Trà
- than cốc
Giá trị mặc định: | ngoài |
---|---|
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: | đối tượng .style.listStylePosition = "bên trong" |
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-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Cú pháp CSS
list-style-position: inside|outside|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
inside | The bullet points will be inside the list item | |
outside | The bullet points will be outside the list item. This is default | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
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
Tham chiếu DOM HTML: thuộc tính listStylePosition