<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.
Le mot-clé list-item
permet à un élément de générer un pseudo-élément ::marker
dont le contenu est défini par les propriétés list-style
(pour afficher une puce par exemple) avec une boîte principale du type indiquée pour organiser le contenu de l'élément.
Syntaxe
Une valeur list-item
indiquera à l'élément de se comporter comme un élément d'une liste. Cette valeur peut être utilisée avec les propriétés list-style-type
et list-style-position
.
Note :
Pour les navigateurs qui prennent en charge la syntaxe avec deux valeurs, si aucune valeur pour le mode intérieur n'est indiquée, sa valeur par défaut sera flow
. Si aucune valeur n'est fournie pour le mode extérieur, la boîte principale aura un mode extérieur block
.
Syntaxe formelle
Exemples
CSS
.fausse-liste {
display: list-item;
list-style-position: inside;
}
HTML
<div class="fausse-liste">Je vais m'afficher comme un élément de liste</div>
Résultat
Compatibilité des navigateurs
BCD tables only load in the browser