︿

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

2019-05-02 Jin@RJ CSS 語法

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

▪ 相關文章

Jin@RJ
Jin@RJ
文章目前或許還寫的不好,但會盡力寫好每一篇文章的,讓各位都能學習到各種小知識或者心得文章,希望大家會喜歡!

沒有留言

本篇文章目前沒有留言。

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料