Propriété CSS initial-letter
- Page précédente @import
- Page suivante inline-size
Définition et utilisation
initial-letter
L'attribut spécifie la taille de la première lettre, ainsi qu'optionnellement le nombre de lignes que la première lettre doit descendre (vers le bas dans le texte).
Cette propriété s'applique à :first-letter
Premier élément en ligne de premier niveau d'un conteneur bloquant pseudo-élément.
Exemple
Afficher des premières lettres de tailles différentes :
.normal::first-letter { -webkit-initial-letter: normal; initial-letter: normal; } .two::first-letter { -webkit-initial-letter: 2; initial-letter: 2; /* La première lettre occupe 2 lignes */ } .four::first-letter { -webkit-initial-letter: 4; initial-letter: 4; /* La première lettre occupe 4 lignes */ } .four2::first-letter { -webkit-initial-letter: 4 2; initial-letter: 4 2; /* La première lettre occupe 4 lignes et descend 2 lignes */ }
Syntaxe CSS
initial-letter: normal|number|integer;
Valeur de l'attribut
Valeur | Description |
---|---|
normal | Valeur par défaut. Aucun effet. Le texte s'affiche normalement. |
number | Définir la taille de la première lettre (le nombre de lignes que la première lettre doit couvrir). |
integer | Optionnel. Définir le nombre de lignes pour la descente de la première lettre (dans le texte). |
Détails techniques
Valeur par défaut : | normal |
---|---|
Héritabilité : | Non |
Animation : | Non pris en charge. Voir :Propriétés liées aux animations. |
Version : | CSS3 |
Support du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge pleinement cette propriété.
Le préfixe -webkit- après le nombre indique la première version fonctionnelle avec préfixe.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
110.0 | 110.0 | Non pris en charge | 9.0 -webkit- | 96.0 |
- Page précédente @import
- Page suivante inline-size