text-transform

text-transform版本：CSS1 兼容性：IE4+ NS4+ 繼承性：有

基本介紹

• 中文名：text-transform
• none：無轉換髮生
• uppercase：轉換成大寫
• lowercase：轉換成小寫

語法

text-transform : none | capitalize | uppercase | lowercase

參數

none : 　無轉換髮生

capitalize : 　將每個單詞的第一個字母轉換成大寫，其餘無轉換髮生

uppercase : 　轉換成大寫

lowercase : 　轉換成小寫

說明

檢索或設定對象中的文本的大小寫。

對應的腳本特性為textTransform。請參閱我編寫的其他書目。

註：只是在頁面上展示為大寫，實際的Value值仍然是你輸入的值，因此直接傳值到伺服器端並不是頁面上展示的大寫文本。

示例

div { text-transform : none; }

div { text-transform : capitalize; }

div { text-transform : uppercase; }

div { text-transform : lowercase; }

注意：1.用text-transform只對英文起作用 對於漢字時失效

2.用text-transform 可以用dreamweaver看到即時的效果

text-transform和font-variant區別

text-transform和font-variant都能把英文文本轉換大小寫。但是font-variant唯一的作用就是把英文文本轉換成“小型”大寫字母文本，注意這是“小型”的。一般極少用到font-variant屬性，對於英文的大小寫轉換，我們用的是text-transform屬性，而不是用font-variant屬性。