Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Шрифт и текст : text-transform

смотрим также

Материал из Справочник Web-языков

Версия от 13:44, 26 апреля 2011; Evgen (Обсуждение | вклад)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск


Содержание

Атрибут 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

https://developer.mozilla.org/en/CSS/text-transform

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования