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> 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".
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.
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é).
BUG INTERNAUTE
Explication
Vous trouverez ci-dessous divers bugs d'interprétation de la css first-letter.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.