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
|