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

:first-letter в Css - это первая буква большая , как сделать первую букву большой(заглавной) через CSS!?

Есть ли способы сделать первую букву заглавной в css на всей странице!?

Первая буква заглавная 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.

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

Не буду повторяться, вы можете ознакомиться