Sommaire

Les listes

1. Les éléments des listes et les styles

Rappelons que les listes à puces s’insèrent avec l’élément <ul> et les listes numérotées avec <ol>. Chaque item de ces deux listes s’ajoute avec un élément <li>. Les listes de définitions s’utilisent avec les éléments <dl>, <dt> et <dd>. Pour tous ces éléments, vous pouvez parfaitement leur appliquer les styles CSS pour le texte que nous avons étudiés dans le chapitre précédent.

Notez que le W3C propose des modules dédiés à la mise en forme des listes. Nous avons Lists and Counters Module Level 3 (https://www.w3.org/TR/css-lists-3/) qui est en Working Draft au 17 août 2019. Ce module est classé dans la catégorie Refining, ce qui veut dire qu’il n’est pas encore utilisable actuellement. Le module Counter Styles Level 3 est en Candidate Recommendation au 14 décembre 2017 : https://www.w3.org/TR/css-counter-styles-3/

Il est donc un peu mieux reconnu par les navigateurs. Ce module permet de générer des compteurs de liste personnalisés.

2. Les Stylestyles Style:d’énumérationd’énumération Liste:styles d’énumération

Le symbole d’énumération placé devant chaque item d’une liste numérotée ou à puces peut être choisi avec la propriété ...