CSS text-transform 屬性
定義和用法
text-transform 屬性控制文本的大小寫。
說明
這個屬性會改變元素中的字母大小寫，而不論源文檔中文本的大小寫。如果值為 capitalize，則要對某些字母大寫，但是并沒有明確定義如何確定哪些字母要大寫，這取決于用戶代理如何識別出各個“詞”。
| 默認值： | none |
|---|---|
| 繼承性： | yes |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.textTransform="uppercase" |
實例
轉換不同元素中的文本：
h1 {text-transform:uppercase} h2 {text-transform:capitalize} p {text-transform:lowercase} TIY
瀏覽器支持
所有瀏覽器都支持 text-transform 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
提示和注釋
注釋：不同的用戶代理可能會用不同的方法來確定單詞從哪里開始，相應地確定哪些字母要大寫。例如，文本 "w3-school" 可以用兩種方式顯示："W3-school" 和 "W3-School"。CSS 并沒有規定哪一種是正確的，所以這兩種都是可以的。
可能的值
| 值 | 描述 |
|---|---|
| none | 默認。定義帶有小寫字母和大寫字母的標準的文本。 |
| capitalize | 文本中的每個單詞以大寫字母開頭。 |
| uppercase | 定義僅有大寫字母。 |
| lowercase | 定義無大寫字母，僅有小寫字母。 |
| inherit | 規定應該從父元素繼承 text-transform 屬性的值。 |
TIY 實例
- 控制文本中的字母
- 本例演示如何控制文本中的字母的大小寫。
相關頁面
CSS 教程：CSS 文本
HTML DOM 參考手冊：textTransform 屬性
