Выступающим инициалом называется увеличенная первая буква
предложения, базовая линия которой совпадает с базовой линией основного
текста. В отличие от буквицы выступающий инициал располагается на одной
линии с текстом, как показано на рис.
Выделение буквы цветом и размером применяется для визуального
отделения одного абзаца от другого и для привлечения внимания к тексту.
Для изменения вида первой буквы применяется псевдоэлемент first-letter, который через двоеточие добавляется к абзацу.
Пример:
<html>
<head>
<title>Выступающий инициал</title>
<style type="text/css">
P.initial:first-letter {
font-size: 20pt;
color: #d3222a;
}
</style>
</head>
<body>
<p class="initial">Одна дама как-то спросила Бернарда Шоу:</p>
<p>— Скажите, сэр, как лучше писать, чтобы стать известным писателем,
хотя бы таким, как вы?</p>
<p>— Писать надо слева направо, — ответил Шоу.</p>
</body>
</html>
Результат данного примера
Чтобы стиль применялся не ко всем абзацам, а только к определенным, в данном примере вводится класс initial, который с помощью параметра class добавляется к нужному тегу <P>. | 