Translate this page  ProvidersHébergeurs | Les moteurs  | L'agenda
  Webmastering

  A la une
 Articles
 Services
 Galeries

 Annuaire
 Logithèque

  Solutions

  Divers
  La mailing-list
 Partenariat

Votez pour ce site
au Weborama
CSS - Effet de lettrine


Ce nouvel effet typographique apporte beaucoup dans le look d'une page HTML, malgré le fait qu'il ne soit reconnu que par les dernières versions des navigateurs.

La mise en place necessite l'utilisation des pseudo-éléments, dont les règles d'écriture sont un peu différentes des classes css habituelles (voir l'exemple ci-dessous).
Les pseudo-éléments offrent par exemple la possibilité d'accéder à la première lettre ou la première ligne du contenu d'un élément.


Définir le style :

<STYLE>
.lettrine:first-letter{font-size:300%;float:left}

...
</STYLE>

Plus d'infos sur les pseudo-éléments avec la documentation officielle


Mise en place dans le code HTML :

<DIV CLASS="lettrine">Essai de texte<br>avec une lettrine</P>


Voici le résultat (si votre navigateur est compatible) :


Essai de texte
avec une lettrine
  DELL
Profitez des offres spéciales DELL
Voir tous les détails des offres sur http://www.dell.fr
  Références
  Le glossaire
 HTML
 CSS

 Les couleurs
 Noms des couleurs
 Caractères spéc.
 • Trucs & astuces
  Html
 Css
 JavaScript
 Copyright Marc MULOT - Tous droits réservés