DWWEB.RU
СКРИПТЫ

Каждая буква нового слова начинается с заглавной.

2019/10/08 Марат 95 0 CSS |

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

Нам потребуется свойство:

text-transform

Далее добавляем ему значение:

capitalize

И теперь это все вместе будет выглядеть так:

text-transform: capitalize;

Как использовать text-transform: capitalize;!?

У нас есть какой-то блок, это может быть просто блок. Либо блок с классом!

В нашем случае, главный блок с текстом на данной страницы находится внутри вот такой конструкции:

<div id="main_text"></div> ;

Для эксперимента давайте попробуем написать стиль для этого блока вместе с классом. Чтобы внутри него - все буквы начинались с заглавной буквы!

<style> div#main_text{text-transform: capitalize;}></style>
Ну и собственно вы наверное уже с самого начала, обратили внимания на то, что все буквы в написанном тексте "о первых заглавных буквах", начитается c первой заглавной буквы!

Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
каждое слово с заглавной css

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019