CSS text-transform 屬性
示例
在不同的 <div> 元素中轉換文字
div.a {
text-transform: uppercase;
}
div.b {
text-transform: lowercase;
}
div.c {
text-transform: capitalize;
}
自己動手試一試 »
定義和用法
<code class="w3-codespan">text-transform</code> 屬性控制文字的的大小寫。
| 預設值 | none |
|---|---|
| 繼承 | 是 |
| 版本 | CSS1 |
| JavaScript 語法 | object.style.textTransform="uppercase" 立即嘗試 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| text-transform | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS 語法
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
屬性值
| 值 | 描述 | 演示 |
|---|---|---|
| none | 無大小寫轉換。文字按原樣顯示。這是預設值 | 演示 ❯ |
| capitalize | 將每個單詞的首字母轉換為大寫 | 演示 ❯ |
| uppercase | 將所有字元轉換為大寫 | 演示 ❯ |
| lowercase | 將所有字元轉換為小寫 | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程:CSS 文字轉換
HTML DOM 參考:textTransform 屬性