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
автор: NagarD

Синтаксис

::first-line {


    css declarations;


}

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft Internet Explorer
first-line 1.0 1.0 1.0 7.0 9.0

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

Жовтим стає лише перший видимий рядок абзацу: звузь чи розшир вікно перегляду — підсвітка завжди триматиметься першого рядка, бо це не фрагмент розмітки, а те, що реально влізло в рядок.

HTML

<p>Перший рядок цього абзацу — жовтий. Далі текст навмисно продовжується достатньо довго, щоб він точно не вмістився в один рядок і різниця була помітна.</p>

CSS

p::first-line {
    background-color: yellow;
}
автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід