在 CSS 中設定字母的大小寫

2023-06-29 14:43:36

在 CSS 中，可以使用 text-transform 屬性來設定字母的大小寫。這個屬性可以控制文字的轉換方式，包括大小寫轉換。

以下是幾種常用的 text-transform 屬性值：

none：預設值，不進行任何轉換。
uppercase：將文字轉換為大寫。
lowercase：將文字轉換為小寫。
capitalize：將每個單字的首字母轉換為大寫，其他字母轉換為小寫。

以下是簡單範例：

.upper {
  text-transform: uppercase;
}

.lowert {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

你可以根據你的需求和樣式設計，選擇適合的 text-transform 屬性值來改變文字的大小寫。

ContGPT：使用 AI 生成無限量的文章什麼是 Wireframe（線框圖）？以及在規劃時該注意什麼？

你可能也會喜歡的

在 amp-img 使用 object-fit

CSS Reference- CSS 的語法參考與範例

Free Frontend- 收錄一些不錯的前端效果的網站

Devhints：開發者快速查詢程式語言語法的最佳捷徑

[CSS] 使用 mask 來製作區塊遮罩範圍

UI Lib Picker：精選最佳的 Vue 和 Nuxt UI library

課程推薦

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。