::first-line
Оформляет первую отображённую строку блока — сколько бы слов на ней ни поместилось.
Синтаксис
selector::first-line { … }Примеры
Первая строка выделена:
<style>
.lead::first-line { font-weight: bold; text-transform: uppercase; }
</style>
<p class="lead" style="max-width: 300px;">The first line of this paragraph is bold and in capitals, however wide the window is. The rest stays normal.</p>Примечания
Строка пересчитывается при изменении ширины, поэтому стиль всегда покрывает ровно одну строку. Здесь работают только свойства шрифта, цвета, фона и текста.
См. также
- ::first-letter — Оформляет первую букву первой строки блока — для буквиц.
- text-transform — Меняет регистр букв при отображении.
Вопросы и ответы по теме
В учебнике
- Псевдоэлементы — Как оформить часть элемента или добавить декоративное содержимое — before, after, first-letter, marker, placeholder и selection.