public marks

PUBLIC MARKS from decembre with tags list & css

2013

Ajoutez du style à vos listes ordonnées

(via)
utiliser CSS3 pour améliorer la présentation de vos listes ordonnées en utilisant une approche sémantique. utiliser le contenu généré, la numérotation automatique et les listes. Il s'agit essentiellement d'utiliser deux propriétés CSS2.1 : counter-reset (initialise un compteur) et counter-increment (le nom est explicite, cela incrémente le compteur précédent). Comme vous le verrez dans le code ci-dessous, counter-increment sera utilisé en relation avec du contenu généré CSS (pseudoéléments).

CSS - COMPTEUR / COUNTER - Précisions sur les compteurs CSS - Jy[B]log

(via)
Selon la spécification, il s'agit de la création d'une nouvelle instance d'un compteur. Ce compteur est visible au niveau des balises indiquées par le sélecteur, et de leurs balises filles, mais pas dans le reste du document. Ainsi dans Je n'ai pas indiqué de counter-reset pour le compteur chapter. Du coup il est crée implicitement à chaque fois que j'y fais appel, donc dans chaque H2. Du coup la numérotation de mes H2 ne se fait pas, et j'ai toujours 1. Pour régler ce problème, il a fallu que je fasse un reset du compteur sur la balise mère de mes h2, qui est dans mon exemple body

CSS - Le contenu généré, le numérotage automatique et les listes - yoyodesign.org

:before et :after, avec valeurs 'compact' et 'run-in'. Guillemets: 'quotes'ou 'content'. Compteurs et numérotage automatiques, avec 'display: none'. Marqueurs et les listes : la propriété 'marker-offset'.Propriétés 'list-style-type', 'list-style-image', 'list-style-position' et 'list-style'.

2008