例
3段落の異なるフォントの太さを設定します。
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}
»それを自分で試してみてください 定義と使用法
フォント-weightプロパティは、テキスト中の太いまたは細い文字をどのように表示するかを設定します。
デフォルト値: | normal |
---|---|
継承されました: | yes |
アニメーション: | yes. Read about animatable Try it |
バージョン: | CSS1 |
JavaScriptシンタックス: | object .style.fontWeight="bold" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
font-weight | 2.0 | 4.0 | 1.0 | 1.3 | 3.5 |
CSSの構文
font-weight: normal|bold|bolder|lighter|number|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
normal | 通常の文字を定義します。 これがデフォルトです | それを再生します» |
bold | 太い文字を定義します | それを再生します» |
bolder | 太い文字を定義します | それを再生します» |
lighter | ライターの文字を定義します | それを再生します» |
100 200 300 400 500 600 700 800 900 | 細いから太い文字に定義します。 400は、通常と同じで、700は太字と同じです | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル: CSSフォント
CSSリファレンス: font property
HTML DOMリファレンス: fontWeight property