以前我們都是用JS來實現字母的首字母大小寫的,但現在沒有必要了,CSS完全可以實現,話說兼容性還好從IE6開始就支持了。
text-transform:none | capitalize | uppercase | lowercase
無轉換
將每個單字的第一個字母轉換成大寫
<style> #box{ text-transform:capitalize; } </style> <p id="box">css javascript html5</p>
將每個單字轉換成大寫
#box{ text-transform:uppercase; } <p id="box">css javascript html5</p>
將每個單字轉換成小寫
#box{ text-transform:lowercase; } <p id="box">CSS JAVASCRIPT HTML5</p>
實在太簡單了,都不好說什麼。
以上是如何使用css中text-transform轉換字母大小寫的範例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!