CSS: Заглавная буква
Как стилизовать заглавную букву? Используем псевдоэлемент :first-letter
Эту короткую заметку мы посвятим заглавным буквам. А именно, поговорим о редко используемом псевдоэлементе CSS :first-letter. Конечно, стиль начертания заглавных букв будет иметь значение только для больших статей. Но, стоит заметить, это красиво, а так же быстро и легко реализуемо.
Итак, приступим:
HTML
Как и во многих других случаях, связанных с использованием псевдоэлементов, в коде HTML менять ничего не нужно:
<article>
<p>Наступила осень, слякотно и грустно.</p>
</article>
CSS
А вот и магия:
p:first-letter {
color: orangered;
font-size: 250%;
}
Спасибо за внимание.
