Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
6.0 + | 1.0 + | 3.5 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Коротка інформація
Застосовується | До блокових елементів, а також до елементів, у яких значення display задано як inli ne-block, table-caption або table-cell |
---|---|
Посилання на специфікацію | http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo |
Версії CSS
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Опис
Псевдоелемент : first-line задає стиль першого рядка тексту фіксованої. Довжина цього рядка залежить від багатьох факторів, таких як використовуваний шрифт, розмір вікна браузера, ширина блоку, мови і т.д. У правилах стилю допустимо використовувати тільки властивості, що відносяться до шрифту, зміни кольору тексту і фону.
Синтаксис
елемент: first-line {...}
Значення
Ні.
Приклад
HTML5 CSS2.1 IE Cr Op Sa Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> first-line </title> <style> p: first-line {color: red; /* Червоний колір тексту */ font-style: italic; /* Курсив */ font-weight: bold; /* Жирне накреслення */ } </style> </head> <body> <p> Олімпія 2008 <br /> Основний претендент на I місце це звичайно ж Джей Катлер, який досяг найвищого результату за останні два роки. </p> </body> </html>
Результат прикладу показаний на рис. 1. В даному прикладі перший рядок, виділена за допомогою тега <br> , змінює свій вигляд за рахунок накреслення і кольору.
