Буква з стили как написать заглавную

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

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

p::first-letter  text-transform: uppercase; > 

Вставка буквицы

Капля ( заглавная буква) — это большая прописная буква, используемая в качестве декоративных элементов в начале абзаца или раздела. Размер капли обычно составляет две или более строк.

На рисунке ниже показаны варианты размещения буквицы.

Добавление раскрывающегося ограничения

1. Выделите первый символ абзаца.

Перейдите в раздел ВСТАВКА >Drop Cap.

Выберите нужный вариант ограничения.

Чтобы создать раскрывающийся заголовок, который помещается в абзац, нажмите кнопку Удалено.

Чтобы создать раскрывающийся заголовок, который находится за пределами абзаца, выберите В поле.

Совет: Вы можете изменить размер и шрифт крышки, а также расстояние от текста. Для этого выберите Удалить крышку > Параметры крышки и в разделе Параметры выберите нужные значения.

Удаление буквицы

1. Выделите большую букву капли.
2. Перейдите в раздел ВСТАВКА >Удалить крышку и выберите Нет.

См. также

Добавление или изменение буквицы

1. В меню Вид выберите Пункт Макет печати.
2. Выберите абзац, который нужно начать с раскрывающейся крышки. Абзац должен содержать текст и не может находиться внутри текстовый контейнер.
3. В меню Формат выберите Удалить крышку.
4. Выберите Удалено или В поле.
5. Задайте параметры.

Удаление буквицы

1. В меню Вид выберите Пункт Макет печати.
2. Выберите абзац, содержащий крышку для удаления.
3. В меню Формат выберите Удалить крышку.
4. Выберите Нет.

Прописные и строчные буквы в CSS: свойство text-transform

Если по какой-либо причине вам необходимо изменить регистр букв в тексте веб-страницы, на помощь придет свойство CSS text-transform. Какие значения можно устанавливать для данного свойства, смотрите в таблице ниже.

Значение	Что делает
uppercase	Делает заглавными (прописными) все буквы в тексте
lowercase	Делает строчными все буквы в тексте
capitalize	Делает заглавной первую букву каждого слова в тексте
none	Не делает изменений
inherit	Наследует значение родителя

Пример записи стиля:

Используйте значение uppercase , если вам нужно сделать все буквы большими в заголовке или абзаце текста, словно текст набран в режиме Caps Lock. В случае, когда вам требуется убрать все заглавные буквы, оставив только строчные, воспользуйтесь значением lowercase . Значение capitalize может пригодиться, к примеру, в веб-форме для поля «ФИО», чтобы каждое новое слово автоматически начиналось с прописной буквы.

Обратите внимание: применение text-transform в CSS никак не влияет на исходное содержимое веб-страницы. Регистр букв изменяется лишь во время отображения страницы в окне браузера, а сам текст HTML-документа остается неизменным.

Примеры отображения стилей можно увидеть на скриншоте:

Далее в учебнике: подчеркивание и зачеркивание текста с помощью свойства CSS text-decoration.

Свойство text-transform, регистр символов

С помощью CSS можно также управлять регистром символов: делать буквы строчными (маленькими) или заглавными (большими). Делается это с помощью свойства text-transform . Его значения:

1. lowercase — все строчные;
2. uppercase — все заглавные;
3. capitalize — каждое слово начинается с большой буквы;
4. none — отменяет изменение регистра.

Без лишних слов — к практике!

Хотите начать карьеру веб-разработчика? Записывайтесь на профессию «Фронтенд-разработчик», которая стартует 15 апреля 2024. Всего от 4 130 ₽ в месяц.

Перейти к заданию

• index.html Сплит-режим
• style.css Сплит-режим

На главную

Всё ещё день седьмой. Кекс выдал мне задание

Сегодня пришёл Кекс и дал мне немного необычное задание. По соседству с ним поселилась одна кошечка, а Кекс совсем не умеет сочинять песни. Поэтому он попросил меня найти какое-нибудь великое произведение, чтобы он смог исполнить его ей.

Как говорится, для хорошего кота и в феврале март (народная мудрость).

Нашёл лирическое произведение для Кекса:

Мяу мяу мяу
мррр мяу мяяяу
мяу мяу
мяу

Собрание произведений М. Котидзе.