Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Псевдо-элемент CSS :first-line

Перейти к справке CSS

<html>
<head>
<style type="text/css">
p:first-line
{
color:#ff0000;
font-variant:small-caps;
}
</style>
</head>

<body>
<p>You can use the :first-line pseudo-element to add a special effect to the first line of a text.</p>
</body>
</html>


Описание и использование

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

Заметка: можно изменить следующие характеристики текста с помощью :first-line:  

Псевдо-элементы могут комбинироваться с классами CSS: 

p.article:first-line {color:#ff0000}

<p class="article">Это параграф.</p>

В приведенном примере первая строка всех параграфов с классом "article" будет окрашена в красный цвет


Поддержка в браузерах

Chrome Firefox Internet Explorer Opera Safari
Псевдо-элемент :first-line поддерживается всеми основными браузерами.


Связанные страницы

Учебник CSS: Псевдо-элементы в CSS


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта