Accueil Images Boîte à outils Liens Contact
 

 

 

 

 

Boîte à outils

De jolies lettrines

On appelle lettrine le processus qui consiste à agrandir la première lettre d'un paragraphe de telle sorte qu'elle "déborde" sur les premières lignes. Utilisée à des fins esthétiques et décoratives, la lettrine pouvait prendre autrefois des formes très élaborées au graphisme recherché.

Fort heureusement, il est encore possible de placer des lettrines dans nos documents électroniques grâce à quelques lignes de code CSS.

Pour obtenir l'effet illustré sur cette page, le code suivant a été utilisé :

Code à inclure entre les balises
<HEAD> </HEAD> de la page HTML:
<style type="text/css">
<!--
p.lettrine:first-letter {
font-family: Times New Roman; font-size:240%; font-style:italic; font-weight:bold; float:left; color:#943039;
}
-->
</style>
Balise à inclure au début de chaque paragraphe auquel on veut apliquer une lettrine: <p class="lettrine">

Bien entendu, toutes les valeurs des différents éléments peuvent être modifiées afin de donner un aspect différent aux lettrines (font, color, background, margin, padding, border, text-decoration, text-transform, text-shadow, line-height, float et vertical-align (si float est none, float:none;)).


 

Voilà ! Si ce n'est pas clair ou si vous avez besoin de précisions, n'hésitez pas à m'écrire.

 
 

 

Accueil Images Boîte à outils Liens Contact

  Hit-Parade 

© Grenadine.net - 1998-2011