close

Font Properties
(屬性)
CSS Version
(版本)
Compatibility
(兼容性)
Inherit From Parent
(繼承性)
Description
(簡介)
font CSS1/CSS2IE4+ , NS4+ 有 複合屬性。文字特性
color CSS1IE4+ , NS4+ 有 文字顏色
 font-family CSS1IE4+ , NS4+ 有 文字字體
 font-size CSS1IE4+ , NS4+ 有 字體尺寸
 font-size-adjust CSS2none 有 文字字體名稱排列是否強制使用同一尺寸
 font-stretch CSS2none 有 文字是否橫向拉伸變形
 font-style CSS1IE4+ , NS4+ 有 字體樣式
 font-weight CSS1IE4+ , NS4+ 有 字體粗細
 text-decoration CSS1IE4+ , NS4+ 無 字體裝飾(劃線 / 閃爍)
 text-underline-position IE 專屬 IE5.5+ 有 text-decoration屬性定義下劃線位置
 text-shadow CSS2 none 無 文字陰影及模糊效果
 font-variant CSS1 IE4+ , NS6+ 有 文字設為小型大寫字母
 text-transform CSS1 IE4+ , NS4+ 有 文件大小寫設置
 line-height CSS1 IE4+ , NS4+ 有 行高
 letter-spacing CSS1 IE4+ , NS6+ 有 文字之間的間隔
 word-spacing CSS1 IE4+ , NS6+ 有 單字之間空格數(僅在mac平台的IE可用)

灰色區塊屬有某些瀏覽器並未支援 所以我很少用。


更詳細的在下方整理

font-family 常用字體 Arial | Verdana | cursive | fantasy | monospace | serif | sans-serif
font-sizeabsolute-size 絕對大小 xx-small  | x-small |  small | medium | large | x-large | xx-large
 relative-size相對大小 以父元件為基準
 length 長度 使用單位表示法 絕對單位
 percentage 百分比表示
font-stylenormal 正常字體
 italic 斜體
 oblique傾斜字體(特殊字體用)
font-weightnormal 正常字體 相當於 400 大小
 bold粗體  相當於 700 大小   與html裡的b用法相同 
 bolder特粗體  IE5↑
 lighter細體 IE5↑
  或是使用值 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
 text-decoration none 無裝飾
  blink 閃爍
 underline下面劃線
 line-through刪除線
 overline上面劃線
text-underline-positionbelow本文上方
 above本文下方
text-shadow多組效果請用逗號分開使用方式 text-shadow: red 0px 0px 5px 「text-shadow: color (顏色)| length(陰影水平延伸距離) | lenth (陰影垂直延伸距離) | opacity(模糊效果 要將前方二個延伸距離設為0) 這個值不能為負值」
font-variantnormal正常字體
 small-caps讓小形的英文字母變成全部大形
text-transformnone不轉換
 capitalize將每個單字第一個字母轉成大寫
 uppercase轉換成大寫
 liwercase轉換成小寫
line-heightnormal默認行高
 length可允許為負值  行與行的高度
letter-spacingnormal默認間隔
 length可允許為負值  字與字的間隔







arrow
arrow
    全站熱搜

    果 發表在 痞客邦 留言(0) 人氣()