CSS text-transform 屬性
定義和用法
text-transform 屬性控制文本的大小寫。
說明
這個屬性會改變元素中的字母大小寫,而不論源文檔中文本的大小寫。如果值為 capitalize,則要對某些字母大寫,但是并沒有明確定義如何確定哪些字母要大寫,這取決于用戶代理如何識別出各個“詞”。
默認值: | none |
---|---|
繼承性: | yes |
版本: | CSS1 |
JavaScript 語法: | object.style.textTransform="uppercase" |
實例
轉(zhuǎn)換不同元素中的文本:
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 并沒有規(guī)定哪一種是正確的,所以這兩種都是可以的。
可能的值
值 | 描述 |
---|---|
none | 默認。定義帶有小寫字母和大寫字母的標準的文本。 |
capitalize | 文本中的每個單詞以大寫字母開頭。 |
uppercase | 定義僅有大寫字母。 |
lowercase | 定義無大寫字母,僅有小寫字母。 |
inherit | 規(guī)定應該從父元素繼承 text-transform 屬性的值。 |
TIY 實例
- 控制文本中的字母
- 本例演示如何控制文本中的字母的大小寫。
相關(guān)頁面
CSS 教程:CSS 文本
HTML DOM 參考手冊:textTransform 屬性