Thuộc tính list-style-position
Thuộc tính list-style-position thiết lập
cách điểm đánh dấu danh sách sẽ hiển thị:
bên trong hay bên ngoài danh sách ul
hoặc ol.
Cú pháp
bộ chọn {
list-style-position: inside | outside;
}
Giá trị
| Giá trị | Mô tả |
|---|---|
inside |
Điểm đánh dấu nằm bên trong danh sách. |
outside |
Điểm đánh dấu nằm bên ngoài danh sách. |
Giá trị mặc định: outside.
Ví dụ . Giá trị inside
<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-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Ví dụ . Giá trị outside
<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-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Xem thêm
-
thuộc tính
list-style-type,
thiết lập loại điểm đánh dấu cho danh sách -
thuộc tính
list-style-type,
thiết lập loại điểm đánh dấu cho danh sách -
thuộc tính
list-style,
là dạng viết tắt cho các điểm đánh dấu
