Accueil Images Boîte à outils Liens Contact
 

 

 

 

 

Bote outils

De jolies lettrines

On appelle lettrine le processus qui consiste agrandir la premire lettre d'un paragraphe de telle sorte qu'elle "dborde" sur les premires lignes. Utilise des fins esthtiques et dcoratives, la lettrine pouvait prendre autrefois des formes trs labores au graphisme recherch.

Fort heureusement, il est encore possible de placer des lettrines dans nos documents lectroniques grce 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 dbut de chaque paragraphe auquel on veut apliquer une lettrine: <p class="lettrine">

Bien entendu, toutes les valeurs des diffrents lments peuvent tre modifies afin de donner un aspect diffrent 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 prcisions, n'hsitez pas m'crire.

  
 

 

Accueil Images Boîte à outils Liens Contact

  Hit-Parade 

© Grenadine.net - 1998-2011