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

cssbộ chọn {
  list-style-position: inside | outside;
}

Giá trị

Giá trị mặc định: outside.

Ví dụ . Giá trị inside

html<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>

cssul {
  list-style-position: inside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

Ví dụ . Giá trị outside

html<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>

cssul {
  list-style-position: outside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

Xem thêm