Справочники CSS3 ::first-letter

Что такое ::first-letter в CSS3?

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

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

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

.block::first-letter {
   color: #d38e8e;
   font-size: 1.2em;
}

HTML код:

<p class="block">Красивый смысловой текст</p>
<p class="block">Здесь может находиться статья</p>

Результат:

Красивый смысловой текст

Здесь может находиться статья

Комментарии