w3-notes logo

cocochido

HTML/CSSリファレンス

font-stretchプロパティ

inheritance
継承可
animation type
算出値によるアニメーション。算出値はfont-stretch値の選択肢に丸められる。

説明

フォントの文字幅を指定します。 対象フォントが幅狭や幅広のフォントを提供していないときは通常幅で表示されます。幅狭や幅広のフォントを提供していても、指定幅に一致するものが存在しなければ、normalより狭いときはより幅狭を優先、normalより広いときはより幅広を優先して文字幅が選択されます。
関連項目

使用例

出力結果

構文
syntax help

font-stretch: normal | <percentage> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ;
normal
[規定値] 通常の幅で表示します。
ultra-condensed
extra-condensedよりも幅狭のフォントで表示します。
extra-condensed
condensedよりも幅狭のフォントで表示します。
condensed
semi-condensedよりも幅狭のフォントで表示します。
semi-condensed
normalよりも幅狭のフォントで表示します。
semi-expanded
normalよりも幅広のフォントで表示します。
expanded
semi-expandedよりも幅広のフォントで表示します。
extra-expanded
expandedよりも幅広のフォントで表示します。
ultra-expanded
extra-expandedよりも幅広のフォントで表示します。
normalを100%としたときの拡張比率を指定します。負の値は指定できません。

ブラウザ対応状況

font-stretch
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
9
12
9
60
11
47
11
60
9
11
81
76
81
13.1
68
13.4
81
68
font-stretch: percentage
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
18
61
62
11.1
49
11.3
62
61
11
81
76
81
13.1
68
13.4
81
68
Support data for this feature provided by
 
サポート
 
部分サポート
 
非サポート
 
不明
最終更新日: 2021-02-24
© 2020 ここちい堂. All rights reserved.