CSS как установить заглавные буквы

Чтобы установить заглавные буквы для текста с помощью CSS, используйте свойство text-transform.

Например, чтобы сделать все буквы заглавными, примените следующий CSS-код:

text-transform: uppercase;

А чтобы сделать только первую букву каждого слова заглавной, примените селектор :first-letter.

Пример:

<!DOCTYPE html>
<html>
<head>
  <title>Моя страница</title>
  <style>
    h1 {
      text-transform: uppercase;
    }

    p:first-letter {
      text-transform: uppercase;
    }
  </style>
</head>
<body>
  <h1>Заголовок страницы</h1>
  <p>первая буква каждого слова будет заглавной</p>
</body>
</html>

Здесь мы применили свойство text-transform: uppercase к заголовку страницы <h1>, что приведет к тому, что все буквы в нем будут заглавными. А к первой букве каждого слова в первом абзаце <p> добавили свойство text-transform: uppercase, чтобы только она была заглавной.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу CSS как установить заглавные буквы

Наш специалист свяжется с вами в ближайшее время и уточнит детали