:first-line

Описание

Псевдоэлемент :first-line позволяет применить стили оформления к первой строке текста выбранного элемента.

:first-line
Значения: нет
Начальное значение: нет
Область применения: блочные элементы
Наследование: нет
Поддержка браузерами: Internet Explorer 6+, Chrome 1+, Opera 3+, Safari 1+, Firefox 1+
Версия CSS: CSS 1, CSS 2, CSS 2.1, CSS 3
Примечание:

Пример

Можно оформить первую строку каждого абзаца подчеркнутым шрифтом красного цвета

p:first-line {
    text-decoration: underline;
    color: red;
}

Результат

Псевдоэлемент :first-line (иллюстрация 1)
Обратите внимание, что длина первой строки зависит от ряда факторов, включая ширину страницы, размер шрифта и т.д. Существуют ограничения по применяемым свойствам CSS в псевдоэлементах :first-line:
font, color, background, word-spacing, letter-spacing, text-decoration, vertical-align, text-transform, line-height, text-shadow.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *