Thuộc tính CSS list-style-position

Định nghĩa và cách sử dụng

Thuộc tính listStylePosition xác định nơi đặt dấu hiệu danh sách.

Giải thích

Thuộc tính này được sử dụng để xác định vị trí của dấu hiệu danh sách so với nội dung của danh sách. Dấu hiệu bên ngoài (outside) sẽ được đặt ở một khoảng cách nhất định từ cạnh biên của danh sách, nhưng khoảng cách này không được xác định trong CSS. Dấu hiệu bên trong (inside) được xử lý như thể chúng được chèn vào đầu tiên của nội dung danh sách như một phần tử nội bộ.

Xem thêm:

Hướng dẫn CSS:Danh sách CSS

Hướng dẫn tham khảo CSS:Thuộc tính CSS list-style

Hướng dẫn tham khảo HTML DOM:Thuộc tính listStylePosition

Ví dụ

Định nghĩa vị trí của dấu hiệu danh sách trong danh sách:

ul
  {
  list-style-position:inside;
  }

Thử ngay

Ngữ pháp CSS

list-style-position: inside|outside|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
inside Dấu hiệu danh sách được đặt bên trong văn bản và văn bản căn chỉnh theo dấu hiệu.
outside Giá trị mặc định. Giữ dấu hiệu ở bên trái của văn bản. Dấu hiệu danh sách được đặt bên ngoài văn bản và văn bản không căn chỉnh theo dấu hiệu.
inherit Định nghĩa rằng giá trị của thuộc tính list-style-position nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: outside
Kế thừa: yes
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.listStylePosition="inside"

Các ví dụ khác

Đặt dấu hiệu danh sách
Ví dụ này minh họa nơi đặt dấu hiệu danh sách.

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5