Thuộc tính list-style
Thuộc tính list-style cho phép đồng thời
thiết lập loại điểm đánh dấu list-style-type,
hình ảnh list-style-image
và vị trí của nó list-style-position
cho các danh sách ul
hoặc ol.
Thứ tự của các giá trị thuộc tính không quan trọng.
Ví dụ
Hãy thiết lập cho danh sách của chúng ta những điểm đánh dấu hình vuông:
<ul>
<li>mục danh sách</li>
<li>mục danh sách</li>
<li>mục danh sách</li>
<li>mục danh sách</li>
<li>mục danh sách</li>
</ul>
ul {
list-style: square outside;
}
:
Ví dụ
Và bây giờ hãy thiết lập trong thuộc tính list-style
hình ảnh cho điểm đánh dấu và vị trí của nó bên trong
trường văn bản:
<ul>
<li>mục danh sách</li>
<li>mục danh sách</li>
<li>mục danh sách</li>
<li>mục danh sách</li>
<li>mục danh sách</li>
</ul>
ul {
list-style: url("li.gif") inside;
}
:
