Giới thiệu
Thuộc tính listStylePosition trong HTML DOM Style dùng để thiết lập hoặc lấy vị trí của dấu mục (marker) so với nội dung mục danh sách.
Cú pháp
Thiết lập listStylePosition:
object.style.listStylePosition = "outside|inside|initial|inherit"
Giá trị
| Giá trị | Mô tả |
|---|---|
| outside | Mặc định: dấu mục nằm ngoài khung nội dung, trước văn bản. |
| inside | Dấu mục nằm bên trong, lùi vào một chút so với văn bản. |
| initial | Đặt về giá trị mặc định. |
| inherit | Kế thừa từ phần tử cha. |
Ví dụ
Ví dụ thay đổi vị trí dấu mục từ outside (mặc định) sang inside.
<!DOCTYPE html> <html> <head> <style>
li{ background-color:lightgreen; }
</style> <script>
function changeListPosition() {
document.getElementById("LIST1").style.listStylePosition = "inside";
document.getElementById("Sample").innerHTML = "Vị trí dấu mục đã đổi thành inside từ outside mặc định";
}
</script> </head> <body>
<ul id="LIST1">
<li>LIST ITEM1</li>
<li>LIST ITEM2</li>
<li>LIST ITEM3</li>
<li>LIST ITEM4</li>
</ul>
<p>Nhấn nút để thay đổi vị trí dấu mục</p>
<button type="button" onclick="changeListPosition()">Thay đổi List Position</button>
<p id="Sample"></p>
</body> </html>
Kết quả
Sau khi nhấn nút Thay đổi List Position:
