?
This document uses PHP Chinese website manual Release
font-weight:normal | bold | bolder | lighter | <integer>
默認(rèn)值:normal
適用于:所有元素
繼承性:有
動畫性:是
計(jì)算值:數(shù)字重量值
normal:正常的字體。相當(dāng)于數(shù)字值400
bold:粗體。相當(dāng)于數(shù)字值700。
bolder:定義比繼承值更重的值
lighter:定義比繼承值更輕的值
<integer>:用數(shù)字表示文本字體粗細(xì)。取值范圍:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
作用由客戶端系統(tǒng)安裝的字體的特定字體變量映射決定。系統(tǒng)選擇最近的匹配。也就是說,用戶可能看不到不同值之間的差異。
對應(yīng)的腳本特性為fontWeight。
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0+ | 2.0+ | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0+ |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>font-weight_CSS參考手冊_web前端開發(fā)參考手冊系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test p{margin:15px 0;border:1px solid #000;} .normal p{font-weight:normal;} .bold p{font-weight:bold;} .bolder p{font-weight:bolder;} .lighter p{font-weight:lighter;} .number p{font-weight:700;} </style> </head> <body> <ul class="test"> <li class="normal"> <strong>正常的字體:</strong> <p>本段文字將顯示為正常的字體。</p> </li> <li class="bold"> <strong>粗體:</strong> <p>本段文字將顯示為粗體。</p> </li> <li class="bolder"> <strong>特粗體:</strong> <p>本段文字將顯示為特粗體。</p> </li> <li class="lighter"> <strong>細(xì)體:</strong> <p>本段文字將顯示為細(xì)體。</p> </li> <li class="number"> <strong>用number值表示粗體:</strong> <p>本段文字將顯示為粗體。</p> </li> </ul> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例