Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Шрифт и текст : text-transform
смотрим также
Материал из Справочник Web-языков
Содержание |
Атрибут text-transform | Свойство textTransform
Задает как будет отображаться текст в объекте.
Синтаксис
HTML | { text-transform : sTransform } |
Скрипты | [ sTransform = ] object.style.textTransform |
Используемые значения
- sTransform
- Строка, которая может определять и принимать одно из следующих значений:
- none
- Значение по умолчанию. Текст никак не изменяется.
- capitalize
- Делает первую букву каждого слова заглавной.
- uppercase
- Делает все буквы заглавными.
- lowercase
- Делает все буквы строчными.
Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию является none. Атрибут Каскадных таблиц стилей (CSS) наследуется.
Примеры
Следующие примеры показывают как использовать атрибут text-transform и свойство textTransform для задания трансформирования текста.
В первом примере используются атрибут text-transform и свойство textTransform для перевода всего текста в верхний регистр (заглавные буквы) при наведении на него курсора мыши; при клике мышью на объект, текст снова будет написан нижним регистром (строчные буквы).
<STYLE> .transform1 { text-transform:uppercase } .transform2 { text-transform:lowercase } .transform3 { text-transform:none } </STYLE> </HEAD> <BODY> <DIV STYLE="font-size:14" onmouseover="this.className='transform1'" onclick= "this.className='transform2'" ondblclick="this.className='transform3'"> : </DIV>
Во втором примере определяется, как будет изменяться текст, когда происходят различные события.
<DIV STYLE="font-size:14" onmouseover="this.style.textTransform='uppercase'" onmouseout="this.style.textTransform='lowercase'" onclick="this.style.textTransform='none'"> : </DIV>
Стандарты
Это свойство описано в Cascading Style Sheets (CSS), Level 1 (CSS1)
Поддерживаемые браузеры
Internet Explorer 5.5, 6.0, 7.0, 8.0
Opera 7.0, 8.0, 9.2, 9.5, 9.6, 10.0
Safari 1.3, 2.0, 3.1
Firefox 1.5, 2.0, 3.0
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms531175(VS.85).aspx