CSS selector p::first-line
Селектор ::first-line задає стиль першого рядка визначеного елемента.
Селектор ::first-line може бути використаний тільки для блокових елементів.
Наступні властивості можуть бути використані з ::first-line:
- font
- color
- background
- word-spacing
- letter-spacing
- text-decoration
- vertical-align
- text-transform
- line-height
- clear
Синтаксис
::first-line {
css declarations;
}
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| first-line | 1.0 | 1.0 | 1.0 | 7.0 | 9.0 |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
Жовтим стає лише перший видимий рядок абзацу: звузь чи розшир вікно перегляду — підсвітка завжди триматиметься першого рядка, бо це не фрагмент розмітки, а те, що реально влізло в рядок.
HTML
<p>Перший рядок цього абзацу — жовтий. Далі текст навмисно продовжується достатньо довго, щоб він точно не вмістився в один рядок і різниця була помітна.</p>
CSS
p::first-line {
background-color: yellow;
}
Коментарі
Коментарів ще немає — будьте першим!