CSS Styliser les zones de texte à la manière d'un bloc-notes

Question

Est-il possible de styliser une zone de texte de manière à ce que chaque ligne soit soulignée en pointillé (comme dans un cahier ou un bloc-notes) ? soulignée (comme dans un cahier ou un bloc-notes) ?

Le nombre de lignes doit être fixé à 10, par exemple.

Answer 1

Le défilement casse toutes les solutions, une solution complète pour cela devrait également faire défiler les lignes avec le texte. Il est difficile d'y parvenir en ajoutant simplement une image de fond à une zone de texte.

Answer 2

Pour chaque ligne de texte qui sera insérée, il faudra prévoir des divs avec une règle de style similaire à celle-ci :

.line_class {
    border-bottom: 1px black dotted;
}