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