Retour au blogArticle

CSS ::first-letter : styliser la première lettre

Illustration CSS first letter

Le pseudo-élément ::first-letter permet de styliser la première lettre d’un bloc de texte. C’est pratique pour renforcer la hiérarchie visuelle d’un article.

p::first-letter {
  color: var(--ion-color-danger);
  font-size: 130%;
}

Pris isolément, c’est un détail CSS. Bien utilisé, cela participe pourtant à la lisibilité d’une interface éditoriale, d’un portail ou d’un contenu dense.

Au-delà du CSS : structurer une application lisible

Ces optimisations CSS s’inscrivent dans une logique plus large : créer des interfaces claires, accessibles et maintenables dans une application métier.

  • extranet PME
  • portail usagers
  • outil interne

Reprendre une application existante
Créer un outil interne simple

Aller plus loin

Articles liés