2013/01/07

font-size-adjust

font-size | font-size-adjust | font-stretch | line-height
font-size-adjust

依據小寫字母的高度(x-height)調整字的尺寸,可設為:

  1. 數字:設定字尺寸的比例,字型家族的第一選字的 x-height 等於此數字乘上 font-size。x-height 決定小寫字母。
  2. none:使用 font-size 特徵設定的尺寸。
  3. inherit:繼承父元素特徵。
  • 只有 Firefox 有支援。
font-stretch

設定字的寬度,可設為:

  1. ultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded, extra-expanded, ultra-expanded:由窄到寬的設定值,預設為 normal。
  2. wider:寬些,以父元素的字為準。
  3. narrower:窄些,以父元素的字為準。
  4. inherit:繼承父元素特徵。
  • 測試沒成功。主要瀏覽器都沒有支援。

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

javascript 應用。可以用 style 物件 的特徵 fontSize 作動態變化。此範例使用到 toggleCSS()