Среда, 13 Июня 2012 12:21

Свойство text-transform

Written by 
Оцени эту запись
(1 Голос)

Свойство text-transform применяется для задания регистра текста. При помощи свойства  text-transform можно сделать все буквы блока заглавными или строчными.

 

Свойство text-transform может принимать значения:

 

uppercase

lowercase

normal

 

Примеры:

 

<div style="text-transform: uppercase">Использование календаря на сайте</div>

<div style="text-transform: lowercase">Использование календаря на сайте</div>

<div style="text-transform: normal">Использование календаря на сайте</div>

 

 

Использование календаря на сайте

Использование календаря на сайте

Использование календаря на сайте

 

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

 

 

Обновление от 18.12.2013

 

Есть еще одно очень полезное значение свойства text-transform  - capitalize, которое делает заглавными только первые буквы слов:

 

 

<div style="text-transform: capitalize">Использование календаря на сайте</div>

 

 

Результат:

 

 

Использование календаря на сайте

 

 

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов