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

 

CSS

喜歡這篇文章的話
請按個讚或者分享支持一下!

喜歡這篇文章的話
請按個讚或者分享支持一下!

最新的教學及情報資訊都在INMAG!

作者簡介

Avatar photo
寫好每一篇文章讓各位都能學習到各種小知識,希望大家會喜歡!