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