Ecshop 專用響應式模板特價中:5800

網址自動快速安裝,完全不須手動修改,HTML5+CSS3+Bootstrap4+Font Awesome5,依照設備多圖顯示與支援手指撥動的廣告輪播,自動適應設備寬度,提供免費局部修改支援,手機與PC內容一致,維護容易節省成本【響應式模板展示
目前位置: 首頁 > 字體(Font) _ font-weight
CSS3參考手冊 » 屬性列表 » 字體屬性 »

font-weight

  • 版本:CSS1
  • 2018.3.21

語法:

font-weight:normal | bold | bolder | lighter | <integer>

預設值normal

適用於:所有元素

繼承性:有

動畫性:是

計算值:數字重量值

媒 體:視覺

取值:

normal:
正常的字體。相當於數字值400
bold:
粗體。相當於數字值700。
bolder:
定義比繼承值更重的值
lighter:
定義比繼承值更輕的值
<integer>
用數字表示文字字體粗細。取值範圍:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

說明:

定義元素文字字體的粗細。
  • 該屬性是否有效由客戶端系統安裝的字體的特定字體變數映射決定,系統選擇最近的相符。也就是說,使用者可能看不到不同值之間的差異(舉個例子,有些字體可能沒有設計所有的字重)。
  • 對應的腳本特性為:fontWeight

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例: