Перейти к справке CSSp:first-letter { color:#ff0000; font-size:xx-large; }
Это параграф. Первая буква параграфа будет выведена увеличенным шрифтом (xx-large) и красного цвета (#ff0000).
Описание и использование
Псевдо-элемент :first-letter добавляет стиль первому символу текста.
Заметка: можно изменить следующие характеристики текста с помощью :first-letter:
- шрифт
- цвет
- фон
- внешний оступ (margin)
- внутренний отступ (padding)
- бордюры (border)
- свойство text-decoration
- выравнивание по вертикали (только если значение ‘float’ равно ‘none’)
- преобразование текста (text-transform)
- высоту строки
- смещение (float)
- свойство clear
Псевдо-элементы могут комбинироваться с классами CSS:
p.article:first-letter {color:#ff0000}
Это параграф.
В приведенном примере первая буква всех параграфов с классом «article» будет окрашена в красный цвет
Поддержка в браузерах
Псевдо-элемент :first-letter поддерживается всеми основными браузерами.
Связанные страницы
Учебник CSS: Псевдо-элементы в CSS