-10%
-40%
Профессии со скидками и подарки от Хекслета
Покупайте себе, дарите друзьям!

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

Ответы
Аватар пользователя Вячеслав Межуревский
Вячеслав Межуревский
28 сентября 2022

В CSS нет свойства, которая делает первую букву заглавной. Но можно выбрать первый символ текста через псевдоэлемент :first-letter, и применить к нему свойство text-transform: uppercase. Псевдоэлемент :first-letter работает только с блочными элементами (не будет работать например со <span>). Чтобы :first-letter работало со строчными элементами, данному элементу надо задать свойство «inline-block» или «block».

p::first-letter {
  text-transform: uppercase;
}
Добавьте ваш ответ

Рекомендуемые курсы

CSS3
Viewport
Гибкие макеты
Media Queries
7 часов
Посмотреть
Препроцессоры CSS
SASS
SCSS
Миксины
4 часа
Посмотреть
CSS3
Сетки
вёрстка
CSS Grid
6 часов
Посмотреть