新聞中心
這篇文章給大家分享的是有關(guān)css怎么設(shè)置字母的大小寫(xiě)的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。
首先我們來(lái)了解一下text-transform屬性的相關(guān)知識(shí)!
text-transform屬性可以控制文本的大小寫(xiě),會(huì)改變?cè)刂械淖帜复笮?xiě),而不論源文檔中文本的大小寫(xiě)。如果屬性值為 capitalize,則要對(duì)某些字母大寫(xiě),但是并沒(méi)有明確定義如何確定哪些字母要大寫(xiě),這取決于用戶代理如何識(shí)別出各個(gè)“詞”。
下面我們就來(lái)看看text-transform屬性的屬性值分別可以怎么控制字符字母大小寫(xiě):
capitalize:設(shè)置文本中的每個(gè)單詞以大寫(xiě)字母開(kāi)頭,即每個(gè)單詞的首字母大寫(xiě)。
uppercase:定義僅有大寫(xiě)字母,設(shè)置文本中的每個(gè)字母都以大寫(xiě)顯示。
lowercase 定義無(wú)大寫(xiě)字母,僅有小寫(xiě)字母,設(shè)置文本中的每個(gè)字母都以小寫(xiě)顯示。
我們用簡(jiǎn)單的代碼示例來(lái)詳細(xì)了解上面屬性值的實(shí)現(xiàn)方法。
Text-transform屬性設(shè)置大小寫(xiě) Text-transform屬性設(shè)置大小寫(xiě)
Text-transform屬性設(shè)置全大寫(xiě)
Text-transform屬性設(shè)置全小寫(xiě)
Text-transform屬性設(shè)置首字母大寫(xiě)
效果圖:
注:所有瀏覽器都支持 text-transform 屬性。
感謝各位的閱讀!關(guān)于css怎么設(shè)置字母的大小寫(xiě)就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
當(dāng)前標(biāo)題:css怎么設(shè)置字母的大小寫(xiě)-創(chuàng)新互聯(lián)
網(wǎng)站路徑:http://www.ef60e0e.cn/article/decgos.html