Css-font-stretch
提供:Dev Guides
CSS-フォントストレッチ
説明
_font-stretch_プロパティは、テキスト文字をfont.sのデフォルトの文字幅よりも広くまたは狭くします。
可能な値
- 超凝縮-要素内のテキスト文字は極端に狭くなります。
- extra-condensed -要素内のテキスト文字が大幅に狭められます。
- 凝縮-値が半凝縮されている場合よりも、要素内のテキスト文字が狭くなります。
- 半凝縮-要素内のテキスト文字はわずかに狭くなり、値が通常の場合よりも狭くなります。
- 通常-要素内のテキスト文字は通常の幅です。
- semi-expanded -要素内のテキスト文字が少し広くなり、値が通常の場合よりも広くなります。
- expanded -要素内のテキスト文字が広げられ、値が半展開された場合よりも広くなります。
- extra-expanded -要素内のテキスト文字は大幅に拡張され、値が拡張された場合よりも広くなります。
- ultra-expanded -要素内のテキスト文字は極端に広げられ、値が余分に広げられた場合よりも広くなります。
- wider -要素内のテキスト文字の幅は、親要素のテキスト文字の幅よりも広くなります。
- narrower -要素内のテキスト文字の幅は、親要素のテキスト文字の幅よりも狭くなります。
に適用されます
すべてのHTML要素。
DOM構文
object.style.fontStretch = "expanded";
例
このプロパティを使用した例は次のとおりです-
<html>
<head>
</head>
<body>
<p style = "font-stretch:ultra-expanded;">
If this doesn't appear to work, it is likely that your computer
doesn't have a <br>condensed or expanded version of the font being used.
</p>
</body>
</html>
これにより、次の結果が生成されます–