<display-listitem>
O list-item
palavra-chave faz com que o elemento gere um::marker
pseudoelemento com o conteúdo especificado por sua list-style
(en-US) propriedades (por exemplo, um marcador) junto com uma caixa principal do tipo especificado para seu próprio conteúdo.
Sintaxe
Um valor único de list-item
fará com que o elemento se comporte como um item da lista. Isso pode ser usado junto comlist-style-type
(en-US) e list-style-position
(en-US).
list-item
também pode ser combinado com qualquer <display-outside>
palavra-chave e o flow
ou flow-root
<display-inside>
palavras-chave.
Nota:: Nos navegadores que suportam a sintaxe de dois valores, se nenhum valor interno for especificado, o padrão será flow
. Se nenhum valor externo for especificado, a caixa principal terá um tipo de exibição externo deblock
.
Sintaxe formal
<display-listitem> =
<display-outside>? (en-US) && (en-US)
[ (en-US) flow | (en-US) flow-root ] (en-US)? (en-US) && (en-US)
list-item
<display-outside> =
block | (en-US)
inline | (en-US)
run-in
Exemplo
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;
}
Resultado
Compatibilidade com navegadores
Suporte delist-item
BCD tables only load in the browser