pseudo-élément
Différence (dernière modification)
(Auteur, affichage normal de la page)
Modifié: 1c1
Les pseudo-éléments permettent de donner quelques effets typographiques de mise en page avec les éléments [[mark]first-line] et [[mark]first-letter]
|
Effacé: 3,5d2
Comme nous l'avons vu dans la pseudo-classe pour les effets sur les liens, suelques effets typographiques courants ne sont pas associés aux éléments structuraux mais aux objets typographiques de la mise en page. Avec CSS1, deux objets typographiques peuvent être concernés par le biais de pseudo-éléments :
*la première ligne d'un élément. [[mark]first-line]
*la première lettre d'un élément [[mark]first-letter]
|
Modifié: 27c24,36
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
|