CityDesk et Standards du Web - le wiki

pseudo-élément

Les pseudo-éléments permettent de donner quelques effets typographiques de mise en page avec les éléments first-line et first-letter

Le pseudo-élément first-line

Le pseudo-élément 'first-line' est utilisé pour appliquer un style spécial à la première ligne issue de la mise en page. Dans l'exemple suivant la première ligne adopte les caractéristiques définies même si l'utilisateur modifie la largeur de la fenêtre de son navigateur. Les polices sont réglées à 200%, grasse et en petites capitales :

<style type="text/css">
  p:first-line {font-size:200% ; font-weight:bold ; font-variant: small-caps; }
</style>
...

<body>
<p>Le wiki est le meilleur logiciel social pour produire du document</p>
</body>

Le pseudo-élément first-letter

Le pseudo-élément 'first-letter' s'utilise pour obtenir des effets typographiques courants comme la "lettrine" ou le changement "en bas de casse". Vous pouvez l'utiliser avec les éléments de blocs <p>, <h>, etc... mais sachez qu'il n'est pas compatible avec les vieux navigateurs. Vérifiez donc vos résultats à l'écran.

Pour en savoir plus

Voir aussi les pseudo-classes pour des éléments de contrôle typographique des hyperliens


DossierGlossaireCss

 
© GPL July 30, 2004