Псевдоелемент ::first-letter

Оновлено: 16.01.2023

Псевдоелемент ::first-letter

Псевдоелемент ::first-letter визначає стиль першого символу в тексті елемента, до якого додається. До цього псевдоелемента можуть застосовуватися тільки стильові властивості, пов'язані з властивостями шрифту, полів, відступів, кордонів, кольору і фону.

Синтаксис

<i>Селектор</i>::first-letter { ... }

Приклад

У цьому прикладі змінюється шрифт, розмір і колір першої літери кожного абзацу тексту.

Примітка

У CSS3 псевдоелементи стали позначатися двома двокрапками, щоб синтаксис відрізнявся від псевдокласів. У CSS2 вони позначаються однією двокрапкою. Браузери, як правило, розуміють обидва синтаксиси.

Браузери

css-first-letter

Переглянути сумісність з Can I use?

css-first-letter