定義和用法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 實例控制文本中的字母本例演示如何控制文本中的字母的大小寫。
|