控制英文字母大小寫的CSS語法 text-transform
分類:網站架設
不知道有沒有發現本站的上方選單一直以來英文都是呈現大寫的英文字母,當時也沒有特別想要去修改這項,不過最近一直想改版所以才知道 text-transform 這項CSS語法能夠控制英文字母的大小寫。
程式語法:CSS
語法作用:控制英文字母為大、小寫。
使用語法:text-transform
控制所有英文字母為:大寫
使用方法
<div style="text-transform: uppercase;">nashiyoi</div></code>
範例:
nashiyoi
控制所有英文字母為:小寫
使用方法
<div style="text-transform: lowercase;">nashiyoi</div></code>
範例:
nashiyoi
控制所有英文字母為:單字首字為大寫
使用方法
<div style="text-transform: capitalize;">nashiyoi</div></code>
範例:
nashiyoi nashiyoi
控制所有英文字母為:不做任何設定,依照打字時選擇大小寫顯示
使用方法
<div style="text-transform: none;">nashiyoi</div></code>
範例:
NaShiYoi