first-line

Браузер	Internet Эксплорер				Нетscape		Опера				Safari			Файер фох
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

Краткая информация

CSS (ЦСС)	CSS (ЦСС)2
Применяется	К блочным элементам К элементам, у которых значение display задано как inline-block, table-caption или table-cell
Аналог ШТМЛ	Нет
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/selector.ШТМЛ#first-line-pseudo

Описание

Псевдоэлемент first-line задает стиль первой строки форматированного контента. Длина этой строки зависит от многих факторов, таких как используемый шрифт, размер окна браузера, ширина блока, языка и т.д. В качестве стилевых атрибутов допустимо использовать атрибуты, относящиеся к шрифту, изменению цвета контента и фона.

Синтаксис

элемент:first-line { ... }

Значения

Нет.

Пример 1

ШТМЛ 4.01CSS (ЦСС) 2.1IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>first-line</title>
  <style type="text/CSS (ЦСС)">
    P:first-line {
     color: red; /* Красный цвет контента */
     font-style: italic; /* Курсивное начертание */
     font-weight: bold; /* Жирное начертание */
    }
  </style>
 </head>
 <body>
   <p>Олимпия 2009<br>
   Основной претендент на I место это конечно же Джей Катлер, достигший наивысшего 
   результата за последние два года.</p>
 </body>
</html>

Результат примера показан на рис. 1. В данном примере первая строка, специально акцентированная с помощью тега <BR>, выделяется начертанием и цветом.

Рис. 1

Рис. 1. Результат использования псевдоэлемента first-line