css text-transform屬性


  翻譯結果:

text

英[tekst]   美[tɛkst]  

n.文本,原文;課文,教科書;主題;版本

#v .傳簡訊

transform

S[trænsˈfɔ:m]   美[trænsˈfɔ:rm]  

vt.變換;改變改觀

;

vi.改變

n.[數]變換式

css text-transform屬性語法

作用:text-transform 屬性控製文字的大小寫。

說明:這個屬性會改變元素中的字母大小寫,而不論來源文件中文字的大小寫。如果值為 capitalize,則要對某些字母大寫,但是並沒有明確定義如何確定哪些字母要大寫,這取決於使用者代理如何識別出各個「單字」。    

註解:任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit"。

css text-transform屬性範例

<html>
<head>
<style type="text/css">
  h1 {text-transform: uppercase}
  p.uppercase {text-transform: uppercase}
  p.lowercase {text-transform: lowercase}
  p.capitalize {text-transform: capitalize}
</style>
</head>
<body>
<h1>This Is An H1 Element</h1>
<p class="uppercase">This is some text in a paragraph.</p>
<p class="lowercase">This is some text in a paragraph.</p>
<p class="capitalize">This is some text in a paragraph.</p>
</body>
</html>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#

熱門推薦

首頁

影片

問答