在 HTML 中將文字轉換為大寫

本文將介紹如何在 HTML 中將文字轉換為大寫。

使用 CSS text-transform 屬性將文字轉換為 HTML 中的大寫

使用 CSS text-transform 屬性將文字大寫從未如此簡單。該屬性有幾個值，它們對文字執行各種大寫。

我們可以使用 text-transform 屬性的 uppercase 值在文字中建立大寫字元。同樣，lowercase 值生成小寫字元。

使用 capitalize 選項，我們也可以只將文字的第一個字元大寫。

例如，建立一個 <p> 標籤並在段落內寫一些文字。確保以小寫字母書寫文字。

在 CSS 中，選擇段落並使用 text-transform 屬性。將 text-transform 屬性的值設定為 uppercase。

如下面的輸出所示，文字被轉換為大寫。這樣，我們可以使用 text-transform 屬性的 uppercase 值在 HTML 中寫入大寫字元。

HTML 程式碼：

<p>
 Uppercase characters
</p>

CSS 程式碼：

p {
  text-transform: uppercase;
}