p:first-line { color:#ff0000; font-variant:small-caps; }
You can use the :first-line pseudo-element to add a special effect to the first line of a text.
Описание и использование
Псевдо-элемент :first-line добавляет стиль первой строке текста.
Заметка: можно изменить следующие характеристики текста с помощью :first-line:
- шрифт
- цвет
- фон
- расстояние между словами и буквами
- оформление текста (text-decoration)
- выравнивание по вертикали
- трансформация текста (text-transform)
- высота строки
- свойство clear
Псевдо-элементы могут комбинироваться с классами CSS:
p.article:first-line {color:#ff0000}
Это параграф.
В приведенном примере первая строка всех параграфов с классом «article» будет окрашена в красный цвет
Поддержка в браузерах
Псевдо-элемент :first-line поддерживается всеми основными браузерами.
Связанные страницы
Учебник CSS: Псевдо-элементы в CSS