text-transform

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

Краткая информация

CSS	CSS1+
Значение по умолчанию	none
Наследуется	Да
Применяется	Ко всем элементам
Ссылка на спецификацию	открыть в новой вкладке

Описание

Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлично от none, регистр исходного текста будет изменен.

Синтаксис

text-transform: capitalize | lowercase | uppercase | none | inherit

Аргументы

capitalize - Первый символ каждого слова в предложении будет заглавным. Остальные символы свой вид не меняют.

lowercase - Все символы текста становятся строчными (нижний регистр).

uppercase - Все символы текста становятся прописными (верхний регистр).

none - Не меняет регистр символов.

inherit - Наследует значение родителя.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">



      <html>

      <head>

      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

      <title>text-transform</title>

      <style type="text/css">
H1 {

      text-transform: uppercase; /*Заглавные буквы*/

      }
P {

      text-transform: capitalize; /*Каждое слово начинается с заглавной буквы*/

      }

  </style>

  </head>

  <body>

  <h1>Lorem ipsum dolor sit amet</h1>

  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem     nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.     Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit     lobortis nisl ut aliquip ex ea commodo consequat.</p>
  

    </body>

    </html>

Демонстрация примера

Объектная модель

[window.]document.getElementById("elementID").style.textTransform

Примечание

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.

text-transform

Категории

Последние комментарии

	Русский
	English