:first-line | Псевдоэлемент CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Понедельник, 05.12.2016
Главная » Справочник CSS3 » Псевдоэлементы


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


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

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




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





Свойство работает в браузерах



Пример применения свойства псевдоэлемента


<!DOCTYPE html>
<html lang="ru">
<head>
<title>Псевдоэлемент :first-line</title>
<style type="text/css">
<!--
p {
font-weight:bold;
color:#636363;
}
p#color:first-line {
color:green;
}
p#fon:first-line {
background:blue;
}
p#razmer:first-line {
font-size:200%;
}
-->
</style>
</head>
<body>
<p id="color">Первая строка будет выделятся зелёными буквами,все последующие строки будут обычными.Длинна первой строки может отличатся от размеров и воздействующих на них свойств,а так же окна браузера.</p>
<p id="fon">Первая строка будет выделятся голубым фоном,все последующие строки будут обычными.Длинна первой строки может отличатся от размеров и воздействующих на них свойств,а так же окна браузера.</p>
<p id="razmer">Первая строка будет выделятся большим шрифтом,все последующие строки будут обычными.Длинна первой строки может отличатся от размеров и воздействующих на них свойств,а так же окна браузера.</p>
</body>
</html>


Пример в действии



Поэкспериментируйте сами




Русские шрифты






Источник: http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo
Категория: Псевдоэлементы | Добавил: IZOTOP (30.05.2012) | Автор: Меренков Михаил W
Просмотров: 617 | Теги: css, стиль, :first-line, свойство, пример, style, строки | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]