找回密碼
 註冊
搜索
查看: 2306|回復: 2

[教學] CSS text-transform 屬性

[複製鏈接]
發表於 2013-3-2 20:09:11 | 顯示全部樓層 |閱讀模式
 
Push to Facebook
定義和用法text-transform 屬性控制文本的大小寫。
說明這個屬性會改變元素中的字母大小寫,而不論源文檔中文本的大小寫。如果值為 capitalize,則要對某些字母大寫,但是並沒有明確定義如何確定哪些字母要大寫,這取決於用戶代理如何識別出各個「詞」。
默認值:none
繼承性:yes
版本:CSS1
JavaScript 語法:object.style.textTransform="uppercase"

實例轉換不同元素中的文本:
h1 {text-transform:uppercase}h2 {text-transform:capitalize}p {text-transform:lowercase}TIY

瀏覽器支持所有瀏覽器都支持 text-transform 屬性。
註釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。

提示和註釋
註釋:不同的用戶代理可能會用不同的方法來確定單詞從哪裡開始,相應地確定哪些字母要大寫。例如,文本 "w3-school" 可以用兩種方式顯示:"W3-school" 和 "W3-School"。CSS 並沒有規定哪一種是正確的,所以這兩種都是可以的。

可能的值
描述
none默認。定義帶有小寫字母和大寫字母的標準的文本。
capitalize文本中的每個單詞以大寫字母開頭。
uppercase定義僅有大寫字母。
lowercase定義無大寫字母,僅有小寫字母。
inherit規定應該從父元素繼承 text-transform 屬性的值。

TIY 實例控制文本中的字母本例演示如何控制文本中的字母的大小寫。
 
發表於 2014-11-11 08:55:22 | 顯示全部樓層


   路过 看看。
版主招募中
發表於 2015-7-30 00:28:43 | 顯示全部樓層
真是好东西,顶啊!












造化之门
您需要登錄後才可以回帖 登錄 | 註冊

本版積分規則

Archiver|手機版|小黑屋|TShopping

GMT+8, 2025-4-30 22:48 , Processed in 0.019827 second(s), 20 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回復 返回頂部 返回列表