首頁  >  文章  >  web前端  >  css如何設定英文首字母大寫

css如何設定英文首字母大寫

云罗郡主
云罗郡主原創
2018-11-28 16:59:5515555瀏覽

我們常在英文報紙上看到首個字大寫,那麼單字首字母大寫如何設置,可能很多人遇到這種問題都不知道怎麼操作,下面我們來講解一下css如何設定英文首字母大寫?

css如何設定英文首字母大寫

實作英文首字母大寫可以使用div css,div css中的一個text-transform屬性可以設定字母大小寫,以及字母全文大寫和字母全文小寫。

一:text-transform結構語法:

text-transform屬性有三個屬性,分別是Capitalize,Uppercase和Lowercase。

Capitalize表示無論字母是大寫還是小寫,全部都轉為首字母大寫,語法:div{text-transform:capitalize};

Uppercase表示無論字母是大寫還是小寫,全部都轉為字母全部大寫,語法:div{text-transform:uppercase} ;

Lowercase表示無論字母是大寫還是小寫,全部被CSS轉為字母全部小寫,語法:div{text-transform:lowercase } 

二:程式碼案例如下:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1{text-transform:capitalize}
h2{text-transform:uppercase} 
h3{text-transform:lowercase} 
</style>
</head>
<body>
<h1>php.cn</h1>
<h2>php.cn</h2>
<h3>php.cn</h3>
</body>
</html>

顯示效果如下:

css如何設定英文首字母大寫

##無論字母大小還是小寫,我們都是可以使用text-transform樣式屬性去設置,以上就是對css如何設置英文首字母大寫的全部介紹,如果你想了解更多有關

CSS3教程,請關注php中文網。


以上是css如何設定英文首字母大寫的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn