Css - первая буква большая :first-letter

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

1. Свойство CSS для первой заглавной буквы.
2. Еще способы сделать первую букву заглавной в css.

Скопировать ссылку



Свойство CSS для первой заглавной буквы

Чтобы сделать первую букву заглавной в css нам потребуется свойство псевдоэлемента :


:first-letter

Пример получения первой буквы заглавной через Css :

Нам понадобится div с классом (class) и немного предложений, которые будут обернуты в тег {P}

Html :

<div class="example">
<p>здесь содержание</p>
<p>вторая строка</p>
<p>третья строка</p>
</div>


CSS :

Добавим стилей с псевдо элементом :first-letter , немного цвета : color: red;, установим первую букву заглавной в css "text-transform: uppercase;"

<style>
.example p:first-letter {
color: red;
text-transform: uppercase;
font-size: 28px;
font-family: sans-serif;
}
</style>


Получаем результат, когда первая буква будет заглавной CSS

здесь содержание

вторая строка

третья строка

Скопировать ссылку



Еще способы сделать первую букву заглавной в css.

Я как-то делал страницу посвященной теме "заглавная буква", только не через CSS, а через php.
Не буду повторяться, вы можете ознакомиться

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---