Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

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

Поддержи проект!!!

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

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

text-transform

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

capitalize

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

text-transform: capitalize;

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

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

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

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

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

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


Вас может еще заинтересовать список тем : #CSS |
https://dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Марат :
12/06/2020 10:07
Всегда пожалуйста! Приходите еще!!!
подробнее.
Александр :
04/06/2020 01:42
Спасибо
подробнее.
admin :
20/05/2020 10:36
Как бы смешно это не звучало! Но! Запускается новая система комментирования COMMENTS+ 1.5. в тестовом режиме!От…
подробнее.
Паула :
21/05/2020 04:48
Вообще мне очень нравится, что вы делаете! И ваш подход! И ваш стиль!И не обращайте внимание на всяких…
подробнее.
admin :
21/05/2020 05:03
Я Вас помню! Вы частенько оставляли сообщения на сайте!Все никак не мог спросить!? У Вас есть сайт -> зачем это…
подробнее.

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