![CSS: заглавные буквы | CSS Прописные и строчные буквы в CSS: свойство text-transform](https://web-standards.ru/articles/text-transform-and-copy/images/7GXq5OlUcQ-2-600.png)
text-transform
Заглавные или прописные буквы во всём тексте обычно применяются в заголовках и других надписях для привлечения внимания. В CSS для изменения вида текста и превращения всех букв в заглавные используется свойство text-transform со значением uppercase , как показано в примере 1. Обратите внимание, что сам текст в HTML пишется как обычно, а через text-transform меняется способ его отображения на веб-странице. Как в строке сделать все буквы заглавными?
![Использование свойства text-transform Свойство text-transform, регистр символов](https://www.internet-technologies.ru/wp-content/uploads/articles/201611/style-links-231214.png)
![Использование классов Как сделать первую букву заглавной css](https://cdn2.hexlet.io/assets/hexlet_logo-4e7b643fd7cbe42da81624aba2faa9267523b2b925d5b576536e05d061659083.png)
![Есть что добавить? Зарегистрируйтесь Как сделать все буквы заглавными в css](https://coollib.net/i/31/232731/i_069.jpg)
![Буквицы раньше и сейчас Как в строке сделать все буквы заглавными?](https://ocomp.info/wp-content/uploads/2018/01/2018-01-05-14_01_44-Dokument-Word-menyaem-vse-na-strochnyie-bukvyi.png)
![Как дотянуться до нужного элемента? Заглавные HTML буквы и CSS расстояние между буквами](https://mojwp.ru/wp-content/uploads/2012/08/big-letter.png)
![Как установить шрифт заглавными буквами в HTML Шрифт заглавными буквами в HTML](https://site4business.net/wp-content/uploads/2015/11/uppercase.jpg)
![Краткая информация Css шрифт все буквы заглавные буквы](https://smmplanner.com/blog/content/images/2021/12/cover-bolshie-texty-v-instagram.jpg)
![Management Как сделать в CSS заглавные буквы?](https://snipp.ru/uploads/view/ecd6cf96dfb874aba3b3636778a57099.png)
![Преимущества использования заглавных букв CSS: заглавные буквы](https://otvet.imgsmail.ru/download/203458912_fc0279f8b00e14503fe6fd0a3c9f5805.jpg)
![Breadcrumb](https://image.isu.pub/141028190531-128217787de065cf86d5e74ee7953156/jpg/page_1_thumb_large.jpg)
![Курсы по программированию на Хекслете](https://svgpng.ru/wp-content/uploads/2019/10/snimok-jekrana-2019-10-24-v-18.16.03-1024x604.png)
![Справочник CSS](https://comp-security.net/wp-content/uploads/012918_1238_2.png)
![Навигация по статье:](https://awdee.ru/wp-content/uploads/2023/12/1_WAyVHMUSsQNYe1cpHIVmWQ.webp)
Вероятно, каждый веб-разработчик сталкивался с необходимостью изменить регистр букв в CSS. Некоторые дизайнеры предпочитают использовать только заглавные буквы, чтобы выделить текст или создать уникальный визуальный стиль. Возможности CSS позволяют сделать это достаточно просто и эффективно. Существует несколько способов сделать все буквы в CSS заглавными. Один из самых простых способов — использовать свойство text-transform со значением uppercase.
![HTML буквы и CSS расстояние между ними CSS text-transform: строчные и заглавные буквы — учебник CSS](https://idg.net.ua/blog/wp-content/uploads/text-transform-css-cover.png)
![Поддержка браузерами Свойство text-transform, регистр символов — Оформление текста — HTML Academy](https://i.ytimg.com/vi/w0XPL7i6Tq4/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLDxCp209FCwYnclQ8mj-2Y0E5ucbg)
![Как сделать в CSS заглавные буквы? text-transform | klimatcentr-102.ru](https://i0.wp.com/lavrynenko.com/wp-content/uploads/2022/03/css-модель-блока.jpg?ssl=1)
![HTML буквы: большие и заглавные text-transform - текст заглавными буквами | CSS справочник](https://www.internet-technologies.ru/wp-content/uploads/articles/201608/wte-06-css-class02-redux-011251.png)
![Верхний регистр в CSS: Как сделать все буквы заглавными Как сделать все буквы заглавными в css - Q&A Хекслет](https://www.unisender.com/ru/blog/wp-content/uploads/2022/09/13-a-tak-obyasnyayut-css-na-htmlbook.png)
![text-transform — CSS — Дока](https://storage.yandexcloud.net/wr4img/388848_118_i_089.png)
![Как задать шрифт заглавными буквами в HTML: руководство для начинающих](https://htmlbook.ru/files/images/blog/cyrilic.png)
![Text-transform и копирование — Веб-стандарты](https://248006.selcdn.ru/main/iblock/768/768cfbef7d90cabfb62a5110aca5f337/4d3272f291b60c83e8072cff2338e809.png)
![HTML буквы - Заглавные HTML и CSS буквы](https://abcdkursy.ru/upload/medialibrary/194/1af1374103e982fff01efe5d10dd615e.jpg)
![Как в строке сделать все буквы заглавными? | Рецепты | WebReference](https://impuls-web.ru/wp-content/uploads/2017/07/link-pic.jpg)
![css сделать все буквы заглавными | Дзен](https://www.internet-technologies.ru/wp-content/uploads/articles/201608/wte-06-css-pseudo02-010127.png)
![Как сделать в CSS заглавные буквы? | klimatcentr-102.ru](https://cs1.htmlacademy.ru/blog/css/center-vertically/preview.png)
![text-transform | CSS | WebReference](https://static.tildacdn.com/tild3131-3531-4933-b532-353235373065/________.png)
![Как сделать все буквы в CSS заглавными](https://dev-gang.ru/static/storage/104272820581954463570302698843253593350.png)
Шрифт заглавными буквами — это один из способов придать особую выразительность и акцент тексту на веб-странице. Создание такого шрифта не требует специальных навыков и знаний, и в этом руководстве мы расскажем об основных методах для начинающих. В HTML существует несколько способов установить шрифт заглавными буквами.
![](https://snipp.ru/uploads/view/376a0f8aa1a3aec7b97f01ef2b60dfb5.png)
![](https://romanchueshov.ru/wp-content/uploads/2016/09/zaglavnie-bukvi-css.jpg)
![](https://doka.guide/css/text-transform/images/covers/og.png)
![](https://abcdkursy.ru/upload/medialibrary/0c8/8476acc39a35a1d7917c008265c0d487.png)
![](https://ocomp.info/wp-content/uploads/2018/01/2018-01-05-14_03_59-Pomenyal-registr-bukv-kak-v-predlozheniyah.png)
![](https://cdn-cf-static.type.today/storage/post/1/0/1039/preview_preview_image_ru-gPA7eDa7MvlyCFFEkS9zRuCxxEQo8OwKKQ.png)