<display-listitem>
Baseline 廣泛可用 *
list-item 關鍵字使元素生成一個 ::marker 偽元素，其內容由其 list-style 屬性（例如專案符號）指定，併為其自身內容生成一個指定型別的主框。
語法
單個 list-item 值將使元素表現得像一個列表項。這可以與 list-style-type 和 list-style-position 一起使用。
list-item 也可以與任何 <display-outside> 關鍵字以及 flow 或 flow-root <display-inside> 關鍵字結合使用。
注意：在支援雙值語法的瀏覽器中，如果未指定內部值，則預設為 flow。如果未指定外部值，則主框將具有 block 的外部顯示型別。
正式語法
<display-listitem> =
<display-outside>? &&
[ flow | flow-root ]? &&
list-item
<display-outside> =
block |
inline |
run-in
示例
HTML
html
<div class="fake-list">I will display as a list item</div>
CSS
css
.fake-list {
display: list-item;
list-style-position: inside;
}
結果
規範
| 規範 |
|---|
| CSS Display Module Level 3 # typedef-display-listitem |
瀏覽器相容性
載入中…