text-transform

  • 發行項

設定物件中文字的呈現。

語法

{ text-transform: sTransform }

可能的值

sTransform

指定或接收下列其中一個值的字串：

none

預設值。不轉換文字。

capitalize

將每個單字的第一個字元轉換為大寫。

lowercase

將所有字元轉換為小寫。

uppercase

將所有字元轉換為大寫。

此屬性的預設值為 none 。階層式樣式表屬性為繼承的。

範例

下列範例使用 text-transform 屬性讓區塊的文字在使用者將指標移到文字上時，從小寫轉換為大寫。當使用者按下文字時，文字會轉換回小寫。此範例使用三個內嵌 (全域) 樣式表的呼叫來轉換文字：

<style>
    .transform1 {text-transform:uppercase}
    .transform2 {text-transform:lowercase}
    .transform3 {text-transform:none }
</style>
</head>
<body>
<div style="font-size:14" 
    onmouseover="this.className='transform1'" 
    onclick= "this.className='transform2'"
    ondblclick="this.className='transform3'"> 
:
</div>

標準資訊

此屬性是在階層式樣式表 (CSS) 層級 1 (CSS1) Ee371207.xtlink_newWindow(zh-tw,Expression.40).png (英文) 中定義。

適用於

A、ADDRESS、B、BIG、BLOCKQUOTE、BODY、BUTTON、CAPTION、CENTER、CITE、CODE、COL、COLGROUP、CUSTOM、DD、DEFAULTS、DFN、DIV、DL、DT、EM、FIELDSET、FORM、HN、HTML、I、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、LI、OL、P、S、SELECT、SPAN、SUB、TABLE、TBODY、TD、TFOOT、TH、THEAD、TR、TT、U、UL、VAR、XMP