TShopping

 找回密碼
 註冊
搜索
查看: 2013|回復: 2
打印 上一主題 下一主題

[教學] CSS text-transform 屬性

[複製鏈接]
跳轉到指定樓層
1#
發表於 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 實例控制文本中的字母本例演示如何控制文本中的字母的大小寫。

 

臉書網友討論
2#
發表於 2014-11-11 08:55:22 | 只看該作者


   路过 看看。

版主招募中

3#
發表於 2015-7-30 00:28:43 | 只看該作者
真是好东西,顶啊!












造化之门


*滑块验证:
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2024-4-26 06:44 , Processed in 0.158377 second(s), 22 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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