Справочники CSS3 ::first-line

Что такое ::first-line в CSS3?

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

Стоит знать: вы можете добавлять исключительно те свойства, которые отвечают за работу с текстом. Например: размер шрифта, его цвет, задний фон и так далее.

Пример псевдоэлемента:
.block::first-line {
   color: #d38e8e;
   font-size: 1.2em;
}
HTML код:
<p class="block">
   Красивый смысловой текст<br>
   Здесь может находиться статья
</p>
Результат:

Красивый смысловой текст
Здесь может находиться статья

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

Пока комментариев нет