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éslist-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 valeurlist-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éslist-style-type etlist-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 seraflow. Si aucune valeur n'est fournie pour le mode extérieur, la boîte principale aura un mode extérieurblock.
Syntaxe formelle
<display-listitem> =
<display-outside>?&&
[flow|flow-root]?&&
list-item
<display-outside> =
block|
inline|
run-in
Exemples
HTML
<div>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
Voir aussi
- Les types de données de la propriété
display: