2013/01/07

text-transform

text-align | text-decoration | text-indent | text-overflow | text-shadow | text-transform
text-transform

指定文字的大小寫,可設為:

  1. none:不改變原字,此為預設值。
  2. capitalize:每個字詞的第一個字母,大寫。
  3. lowercase:字母都變成小寫。
  4. uppercase:字母都變成大寫。
  5. inherit:繼承父元素的特徵值。
  • 上面 capitalize 的例子,在 Firefox text-transform 會變成 Text-transform;在 IE6, Safari, Chrome 則變成 Text-Transform。

:HOVER, :ACTIVE 的應用。使用時要注意,在 IE6 中 :HOVER, :ACTIVE 只能用在 ANCHOR 元素。

javascript 應用。可以用 style 物件 的特徵 textTransform 讀取或設定特徵值。