HTML DOM fontStretch 属性

定義と使用法

fontStretch 属性は現在の font-family に対して伸縮変形を行います。

文法：

Object.style.fontStretch=value

可能な値

値 説明
normal デフォルト値。スケール比を標準に設定します。
wider 伸縮比をさらに伸縮する値に設定します。
narrower 収縮比をさらに収縮する値に設定します。
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

font-family のスケール比を設定します。

"ultra-condensed" は最も幅広い値であり、"ultra-expanded" は最も狭い値です。

例

この例ではフォントを伸縮しています：

<html>
<head>
<script type="text/javascript">
function setFontStretch()
{
document.getElementById("p1").style.fontStretch="ultra-expanded";
}
</script>
</head>
<body>
<p id="p1">これは例のパラグラフです。</p>
<input type="button" onclick="setFontStretch()" 
value="伸縮フォント" />
</body>
</html>

TIY

fontStretch - フォントの伸縮