CSS первые буквы

Заглавная first letter

CSS first letter или Первая заглавная буква

Свойства первой заглавной буквы в CSS → Буквица

Продолжаем изучать часто используемые свойства Каскадных стилей. Начнем сразу с примера. Вот пример оформления первой буквы с помощью CSS параметра first letter:

С развитием интернета и компьютерных технологий находить одноклассников стало проще!

Ниже можно посмотреть CSS код подобного форматирования.

<title>First letter в css</title>
<style type="text/css">
p.fl:first-letter {font-family:"Times New Roman", Times, serif; color:#f36;
font-size:190%; font-weight:bold}
</style>
</head>
<body>
<p class="fl">С развитием интернета и компьютерных технологий находить одноклассников стало проще!</p>

Таким образом данный CSS код и селектор first letter работают, в чем мы убедились на простеньком примере выше, сделав первую букву параграфа с классом class="fl" розовой, жирной, установили для нее шрифт и увеличили его размер. CSS доставляет удовольствие, согласитесь! Параметры: font-family, color, font-size, font-weight подробно рассмотрены в CSS уроках в меню слева. Приятного вам изучения материала.

Автор проекта - Вася Митин | Дата публикации: Январь 2013 | Обновление: Ноябрь 2018

Первая заглавная буква посредством CSS first letter   CSS справочник