Css - первая буква большая :first-letter
:first-letter в Css - это первая буква большая , как сделать первую букву большой(заглавной) через CSS!?
Есть ли способы сделать первую букву заглавной в css на всей странице!?
Первая буква заглавная CSS
Свойство CSS для первой заглавной буквы
Чтобы сделать первую букву заглавной в css нам потребуется свойство псевдоэлемента :
:first-letter
Пример получения первой буквы заглавной через Css :
Нам понадобится div с классом (class) и немного предложений, которые будут обернуты в тег {P}
<div class="example">
<p>здесь содержание</p>
<p>вторая строка</p>
<p>третья строка</p>
</div>
Добавим стилей с псевдо элементом :first-letter , немного цвета :
<style>
.example p:first-letter {
color: red;
text-transform: uppercase;
font-size: 28px;
font-family: sans-serif;
}
</style>
Получаем результат, когда первая буква будет заглавной CSS
Далее.. разместим выше приведенный код "первая буква большая css прямо здесь:"
здесь содержание
вторая строка
третья строка
Еще способы сделать первую букву заглавной в css.
Я как-то делал страницу посвященной теме "заглавная буква", только не через CSS, а через php.
Не буду повторяться, вы можете ознакомиться