首頁 > web前端 > css教學 > 主體

小寫變大寫的css程式碼是什麼

WBOY
發布: 2021-12-14 11:51:31
原創
1733 人瀏覽過

在css中,小寫變大寫的程式碼是「text-transform:uppercase」;「text-transform」屬性的作用是控制元素文字的大小寫樣式,當屬性的值為「uppercase」時,元素內的文字小寫樣式會變成大寫樣式。

小寫變大寫的css程式碼是什麼

本教學操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。

小寫變大寫的css程式碼是什麼

#在css中,想要實作小寫便大寫的效果,可以透過text-transform屬性。

這個屬性會改變元素中的字母大小寫,而不論來源文檔中文字的大小寫。如果值為 capitalize,則要對某些字母大寫,但是並沒有明確定義如何確定哪些字母要大寫,這取決於使用者代理如何識別出各個「單字」。

text-transform屬性的功能就是控製文字的大小寫,當屬性的值為uppercase時,定義文字內只有大寫字母。

語法為:

元素{text-transform:uppercase;}
登入後複製

範例如下:

<html>
<head>
<style type="text/css">
  h1 {
  text-transform: uppercase;
  }
  p{
  text-transform: uppercase;
  }
</style>
</head>
<body>
<h1>abcdefg</h1>
<p>qwerzxcv</p>
</body>
</html>
登入後複製

輸出結果:

小寫變大寫的css程式碼是什麼

(學習影片分享:css影片教學

以上是小寫變大寫的css程式碼是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板