Thuộc tính list-style-position chỉ định xem dấu mục có nên xuất hiện bên trong hay bên ngoài hộp chứa các bullet points. Nó có thể có một trong hai giá trị:
| Giá trị | Mô tả |
|---|---|
| none | Không áp dụng |
| inside | Nếu văn bản xuống dòng thứ hai, văn bản sẽ bao quanh dưới dấu mục. Nó cũng sẽ xuất hiện thụt lề đến vị trí nơi văn bản sẽ bắt đầu nếu danh sách có giá trị outside. |
| outside | Nếu văn bản xuống dòng thứ hai, văn bản sẽ được căn chỉnh với bắt đầu của dòng đầu tiên (bên phải của bullet). |
Ví dụ
Bạn có thể chạy mã sau để thực hiện thuộc tính list-style-position:
<html> <head> </head> <body> <ul style = "list-style-type:circle; list-style-position:outside;"> <li>BMW</li> <li>Audi</li> </ul> <ul style = "list-style-type:square;list-style-position:inside;"> <li>BMW</li> <li>Audi</li> </ul> <ol style = "list-style-type:decimal;list-style-position:outside;"> <li>BMW</li> <li>Audi</li> </ol> <ol style = "list-style-type:lower-alpha;list-style-position:inside;"> <li>BMW</li> <li>Audi</li> </ol> </body> </html>