控制英文字母大小寫的CSS語法 text-transform

不知道有沒有發現本站的上方選單一直以來英文都是呈現大寫的英文字母,當時也沒有特別想要去修改這項,不過最近一直想改版所以才知道 text-transform 這項CSS語法能夠控制英文字母的大小寫。

程式語法:CSS
語法作用:控制英文字母為大、小寫。
使用語法:text-transform

控制英文字母大小寫的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

 

相關文章
作者簡介
個人頭像照片
努力寫文中!