複製鏈接
請複製以下鏈接發送給好友

text-transform

鎖定
text-transform版本:CSS1 兼容性:IE4+ NS4+ 繼承性:有
中文名
text-transform
none
無轉換髮生
uppercase
轉換成大寫
lowercase
轉換成小寫

目錄

text-transform語法

text-transform : none | capitalize | uppercase | lowercase

text-transform參數

none :  無轉換髮生
capitalize :  將每個單詞的第一個字母轉換成大寫,其餘無轉換髮生
uppercase :  轉換成大寫
lowercase :  轉換成小寫

text-transform説明

檢索或設置對象中的文本的大小寫。
對應的腳本特性為textTransform。請參閲我編寫的其他書目。
注:只是在頁面上展示為大寫,實際的Value值仍然是你輸入的值,因此直接傳值到服務器端並不是頁面上展示的大寫文本。

text-transform示例

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區別

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