Définition de first-letter
Le sélecteur de feuille de style css first-letter permet de spécifier des propriétés de feuille de style css pour la première lettre d'un élément de type bloc.
Exemple de code :
<STYLE>
identifiant:first-letter{
/* Propriétés */
}
</STYLE>
Le sélecteur de feuille de style first-letter css peut contenir toutes les propriétés liées à :
- les propriétés de font (font, font-size, font-family,font-...).
- color, couleur du texte.
- text-decoration, décoration du texte.
- margin et padding spécification des marges.
- text-transform, capitalisation du texte (Majuscule Minuscule).
- les propriétés de bordure (border, border-width, border-color, border-...).
- les propriétés d'arriere plan (background, background-image, background-color, background-...).
- text-shadow ombre du texte.
- vertical-align position de la première lettre par rapport au texte (seulement si la valeur de la propriété css 'float' est 'none').
- float élément flottant.
- clear affichage de l'élément flottant par rapport au texte.
Le sélecteur de style first-letter css est aussi nommé "
pseudo-element".
Application des first-letter
Le pseudo-element de feuille de style first-letter css ne peut être appliqué que sur des éléments de type bloc (Balise HTML ou XHTML p, div,...).
Le pseudo-element de feuille de style first-letter css ne peut pas se déclarer dans l'attribut HTML ou XHTML STYLE.
Le pseudo-element de feuille de style first-letter css doit être déclaré dans une balise HTML ou XHTML STYLE.
Problèmes des first-letter
Le pseudo-element feuille de style first-letter css n'est prise en compte qu'a partir de la version d'Internet Explorer 6 voir 5.5.
Le pseudo-element feuille de style first-letter css semble bugé sous Safari (non testé).