Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
<display-listitem>
Baseline
Widely available
*
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.
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
<display-listitem> =
<display-outside>? &&
[ flow | flow-root ] ? &&
list-item
<display-outside> =
block |
inline |
run-in
Exemples
HTML
<div class="fausse-liste">Je vais m'afficher comme un élément de liste</div>
CSS
.fausse-liste {
display: list-item;
list-style-position: inside;
}
Résultat
Spécifications
| Specification |
|---|
| CSS Display Module Level 3 # typedef-display-listitem |
Compatibilité des navigateurs
Chargement...
Voir aussi
- Les types de données de la propriété
display: