Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

O list-item palavra-chave faz com que o elemento gere um::marker pseudoelemento com o conteúdo especificado por sua list-style 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 e list-style-position.

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

Syntax not found in DB!

Exemplo

HTML

<div class="fake-list">I will display as a list item</div>

CSS

.fake-list {
  display: list-item;
  list-style-position: inside;
}

Resultado

Compatibilidade do navegador

Suporte delist-item

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
list-itemChrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 6Opera Full support 7Safari Full support 1WebView Android Full support ≤37Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support YesSafari iOS Full support 1Samsung Internet Android Full support Yes
Supported on <legend>Chrome Full support 71Edge No support NoFirefox Full support 64IE No support NoOpera Full support 58Safari No support NoWebView Android Full support 71Chrome Android Full support 71Firefox Android Full support 64Opera Android Full support 50Safari iOS No support NoSamsung Internet Android No support No

Legend

Full support  
Full support
No support  
No support

Veja também

Etiquetas do documento e colaboradores

Colaboradores desta página: brasmon8351
Última atualização por: brasmon8351,