Практика разработки Web-страниц

Селекторы псевдо-элементов :first-letter и :first-line


Cелекторы псевдо-элементов используются для специального форматирования первой буквы элемента или всей первой строки.

Пример

p:first-letter {float:left; font-size:32pt;line-height:28pt; padding-right:5px;}

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

.fancy:first-line { font-size:larger; letter-spacing:1pt;}

Первая строка каждого параграфа или заголовка, относящегося к классу fancy, имеет больший размер



Содержание  Назад  Вперед