︿

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

10 個月 之前│
Jin@RJ

不知道有沒有發現本站的上方選單一直以來英文都是呈現大寫的英文字母,當時也沒有特別想要去修改這項,不過最近一直想改版所以才知道 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

 

關鍵字: CSS
文章如果有幫助到你,或許考慮<贊助我們>一杯咖啡,我們會持續創作好文章的。

▪ 相關文章