Epub: css afficher le numéro de lignes

Comment ajouter les numéros de ligne automatiquement grâce à la feuille de style css

ul {
    counter-reset: counter;
    margin-left: .25em;
}

li {
    counter-increment: counter;
    list-style-type: none;
}

ul li:nth-child(5n+5):before {
    left: 0;
    position: absolute;
    padding-left: 1em;
    content: counter(counter);
}

ul li:nth-child(6n+6) {
    text-align: right;
    margin-bottom: 1em;
}

h3 {
    text-align: center;
}

https://www.mobileread.com/forums/showpost.php?p=3162707&postcount=17

L’horloge de Baudelaire

Avec un compteur sur 4 lignes

La tirade des « non, merci » de Cyrano (Edmond Rostand)

Avec un compteur à 5 et sans marge du bas toutes les 5 lignes.

À noter que les didascalies ont été incluses dans les « li » sous forme de « p » pour ne pas rompre le comptage.

<ul>
<li><p><b>Le Bret.</b></p>Si tu laissais un peu ton âme mousquetaire</li>
<li>La fortune et la gloire…</li>

<li><p><b>Cyrano.</b></p>                                          Et que faudrait-il faire ?</li>
<li>Chercher un protecteur puissant, prendre un patron,</li>
<li>Et comme un lierre obscur qui circonvient un tronc</li>

Partagez: