Éducation, société et technologie

CSS - Lettrines

mercredi 10 novembre 2004 par André Vincent

Diverses techniques pour produire une lettrine en début de paragraphe.

On appelle lettrine une lettre capitale de corps supérieur à celui du texte et quelquefois ornée, par laquelle, dans les ouvrages soignés, on fait débuter au bord de la justification le texte d’un chapitre.

En typographie, une lettrine est une capitale ornée placée en début de verset ou de paragraphe. Cette technique d’enjolivure a été abondamment utilisée par les copistes et les scribes du moyen-âge pour enjoliver, illustrer et enrichir les manuscrits destinés à l’aristocratie.

Aujourd’hui, cette technique est souvent reprise pour des raisons esthétiques, mais aussi, pour des raisons pratiques. En effet, une lettrine en début de paragraphe marque souvent le début d’un chapitre, d’une section ou d’un article dans un périodique en guidant l’oeil du lecteur. La lettrine contribue ainsi à rehausser la lisibilité d’un texte.

Dans une page web, cette technique est moins souvent utilisée, chaque page constituant une unitée distincte. Elle sera donc utilisée plus souvent qu’autrement pour des raisons esthétiques ou graphiques. Dans les longs textes, elle peut avoir des propriétés pratiques permettant de repérer plus facilement le début des grandes sections du texte.

Voici donc diverses techniques pour réaliser une lettrine dans une page web à l’aide de CSS.

Cette technique fonctionne généralement bien dans la plupart des navigateurs modernes (versions 5+). Elle exige toutefois d’utiliser un marquage supplémentaire sur la ou les lettres à placer en lettrine.

À venir :
Comment remplacer automatiquement par CSS la première lettre d’un paragraphe par une lettrine sous forme d’image en utilisant par exemple l’une des lettrines ornementées de l’excellent site : Lettrines.


Accueil | Contact | Plan du site | | Statistiques du site | Visiteurs : 18900 / 1832740

Suivre la vie du site fr  Suivre la vie du site Cours Web  Suivre la vie du site Sites web statiques  Suivre la vie du site CSS - Feuilles de styles   ?    |    titre sites syndiques OPML   ?

Site réalisé avec SPIP 3.1.4 + AHUNTSIC

Creative Commons License

Visiteurs connectés : 1