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 屬性