Thuộc tính vị trí kiểu danh sách CSS
Ví 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;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính list-style-position
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;
có nghĩa là các dấu đầu dòng sẽ nằm ngoài mục danh sách. Điểm bắt đầu của mỗi dòng trong danh sách sẽ được căn chỉnh theo chiều dọc:
- Cà phê - Một thức uống được pha chế từ hạt cà phê rang...
- Trà
- Cô-ca Cô-la
list-style-position: inside;
có nghĩa là các dấu đầu dòng sẽ nằm trong mục danh sách. Vì nó là một phần của mục danh sách nên nó sẽ là một phần của văn bản và đẩy văn bản vào đầu:
- Cà phê - Một thức uống được pha chế từ hạt cà phê rang...
- Trà
- Cô-ca Cô-la
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: | object .style.listStylePosition="inside" 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-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 | Demo |
---|---|---|
inside | The bullet points will be inside the list item | Demo ❯ |
outside | The bullet points will be outside the list item. This is default | 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 listStylePosition