<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

Veja também