first-letter

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Ошибки Ошибки Да Ошибки Ошибки Да Да Да Да Да Да Ошибки Ошибки Да

 

CSS CSS1
Применяется К блочным элементам
Аналог HTML Нет

Описание

Псевдоэлемент first-letter определяет стиль первого символа в тексте элемента, к которому добавляется. К этому псевдоэлементу могут применяться только стилевые свойства, связанные со свойствами шрифта, полями, отступами, границами, цветом и фоном.

Синтаксис

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

Значения

Нет.

Пример

<!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=windows-1251">   <title>first-letter</title>   <style type="text/css">    P {     font-family: Arial, Helvetica, sans-serif; /* Гарнитура                                   шрифта основного текста */     font-size: 90%; /* Размер шрифта */    }    P:first-letter {     font-family: "Times New Roman", Times, serif; /* Гарнитура                                         шрифта первой буквы */     font-size: 200%; /* Размер шрифта первого символа */     color: red; /* Красный цвет текста */    }   </style>  </head>  <body>     <p>Луч фонарика высветил старые скрипучие ступени, по которым не далее     как пять минут назад в дом поднялся Паша. Оля осторожно приоткрыла дверь и посветила    внутрь дома. Луч света, словно нехотя, пробивался сквозь тугую     завесу из мрака и пыли. </p>    <p>Взгляд Оли опустился на пол, и она вскрикнула. В пустом помещении никого    не было, и лишь на полу валялась порванная туфля Паши.</p>   </body> </html>

В данном примере изменяется шрифт, размер и цвет первой буквы каждого абзаца текста.

Браузеры

Internet Explorer до версии 7 включительно, Firefox до версии 2.0 включительно и Netscape игнорируют свойство letter-spacing, когда оно применяется к псевдоэлементу first-letter.