CSS псевдо-элемент ::first-line
Поддержка браузерами
12.0+ | 9.0+ | 1.0+ | 1.0+ | 7.0+ | 1.0+ |
Описание
Псевдо-элемент ::first-line применяет заданный стиль к первой строке указанного элемента. Обратите внимание, что длина первой строки зависит от целого ряда факторов, включая ширину страницы или элемента, размер шрифта и т.д.
В блоке объявлений для псевдо-элемента ::first-line возможно использование следующих свойств:
- Свойства font
- Свойства color
- Свойства background
- word-spacing
- letter-spacing
- text-decoration
- vertical-align
- text-transform
- line-height
- clear
Пример:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример</title> <style> p::first-line { background-color:aqua; } </style> </head> <body> <h1>Всемирный фонд дикой природы</h1> <p>Для остановки деградации естественной среды планеты и постройки будущего, в котором люди живут в гармонии с природой, нужно содействовать уменьшению загрязнения и расточительного потребления природных ресурсов.</p> </body> </html>
Результат данного примера:
Всемирный фонд дикой природы
Для остановки деградации естественной среды планеты и постройки будущего, в котором люди живут в гармонии с природой, нужно содействовать уменьшению загрязнения и расточительного потребления природных ресурсов.