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>

これにより、次の結果が生成されます–

Css-font-stretch

CSS-フォントストレッチ

説明

可能な値

に適用されます

DOM構文

例

目次