<display-listitem>
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
Từ khóa list-item khiến phần tử tạo ra một phần tử giả ::marker với nội dung được xác định bởi các thuộc tính list-style của nó (ví dụ như dấu chấm đầu dòng), cùng với một hộp chính của kiểu được chỉ định cho nội dung của chính nó.
Cú pháp
Một giá trị đơn list-item sẽ khiến phần tử hoạt động như một mục danh sách. Có thể dùng kết hợp với list-style-type và list-style-position.
list-item cũng có thể kết hợp với bất kỳ từ khóa <display-outside> nào và các từ khóa flow hoặc flow-root thuộc <display-inside>.
Note:
Trong các trình duyệt hỗ trợ cú pháp hai giá trị, nếu không có giá trị bên trong nào được chỉ định, giá trị mặc định sẽ là flow. Nếu không có giá trị bên ngoài nào được chỉ định, hộp chính sẽ có kiểu hiển thị bên ngoài là block.
Cú pháp chính thức
<display-listitem> =
<display-outside>? &&
[ flow | flow-root ]? &&
list-item
<display-outside> =
block |
inline |
run-in
Ví dụ
HTML
<div class="fake-list">I will display as a list item</div>
CSS
.fake-list {
display: list-item;
list-style-position: inside;
}
Kết quả
Thông số kỹ thuật
| Specification |
|---|
| CSS Display Module Level 3 # typedef-display-listitem |