css text-transform屬性
翻譯結果:
text
英[tekst] 美[tɛkst]
n.文本,原文;課文,教科書;主題;版本
#v .傳簡訊
transform
S[trænsˈfɔ:m] 美[trænsˈfɔ:rm]
vt.變換;改變改觀
;vi.改變
n.[數]變換式
css text-transform屬性語法
作用:text-transform 屬性控製文字的大小寫。
說明:這個屬性會改變元素中的字母大小寫,而不論來源文件中文字的大小寫。如果值為 capitalize,則要對某些字母大寫,但是並沒有明確定義如何確定哪些字母要大寫,這取決於使用者代理如何識別出各個「單字」。
註解:任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit"。
css text-transform屬性範例
<html> <head> <style type="text/css"> h1 {text-transform: uppercase} p.uppercase {text-transform: uppercase} p.lowercase {text-transform: lowercase} p.capitalize {text-transform: capitalize} </style> </head> <body> <h1>This Is An H1 Element</h1> <p class="uppercase">This is some text in a paragraph.</p> <p class="lowercase">This is some text in a paragraph.</p> <p class="capitalize">This is some text in a paragraph.</p> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例