text-transform

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Частично Частично Да Да Да Да Да Да Да Да Да Да Да Да

 

CSS CSS1, CSS2
Значение по умолчанию none
Наследуется Да
Применяется Ко всем элементам
Аналог HTML Нет

Описание

Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлично от 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 до седьмой версии включительно не поддерживает значение inherit.