Чтобы установить заглавные буквы для текста с помощью 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
, чтобы только она была заглавной.