Propriété CSS initial-letter

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 */
}

Essayez-le vous-même

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