CSS3

プロパティ

font-stretch

[Edge]○？→●、mdn、mdn「可変フォント ガイド」

フォントの字幅調整。

以下のCSSが組み込んであります：

normal

100%

<percentage[0,∞]>

<SPAN style="font-size:40px;
 font-family:Bahnschrift;
">漢字ABCabc012[\]</SPAN><BR>
<SPAN style="font-size:40px;
 font-family:Bahnschrift;
 font-stretch:30%;
">漢字ABCabc012[\]</SPAN><BR>
<SPAN style="font-size:40px;
 font-family:Bahnschrift;
 font-stretch:0%;
">漢字ABCabc012[\]</SPAN><BR>
<SPAN style="font-size:40px;
 font-family:Bahnschrift;
 font-stretch:50%;
">漢字ABCabc012[\]</SPAN><BR>

フォント「Bahnschrift」がインストールされている場合。¶ｎ%で変わらない

<SPAN style="font-size:40px;
 font-family:Test_Font;
 font-stretch:30%;
">漢字ABCabc012[\]</SPAN><BR>

¶

ultra-condensed

50%

<SPAN style="font-size:40px;
 font-family:Bahnschrift;
 font-stretch:ultra-condensed;
">漢字ABCabc012[\]</SPAN><BR>

フォント「Bahnschrift」がインストールされている場合。¶？

extra-condensed

62.5%

<SPAN style="font-size:40px;
 font-family:Bahnschrift;
 font-stretch:extra-condensed;
">漢字ABCabc012[\]</SPAN><BR>

フォント「Bahnschrift」がインストールされている場合。

condensed

75%

<SPAN style="font-size:40px;
 font-family:Bahnschrift;
 font-stretch:condensed;
">漢字ABCabc012[\]</SPAN><BR>

フォント「Bahnschrift」がインストールされている場合。

<SPAN style="font-size:40px;
 font-family:Bahnschrift condensed;
">漢字ABCabc012[\]</SPAN><BR>

フォント「Bahnschrift」がインストールされている場合。¶？

<SPAN style="font-size:40px;
 font-family:Bahnschrift regular;
">漢字ABCabc012[\]</SPAN><BR>

フォント「Bahnschrift」がインストールされている場合。¶？

semi-condensed

87.5%

<SPAN style="font-size:40px;
 font-family:Bahnschrift;
 font-stretch:semi-condensed;
">漢字ABCabc012[\]</SPAN><BR>

フォント「Bahnschrift」がインストールされている場合。

<SPAN style="font-size:40px;
 font-family:Bahnschrift semicondensed;
">漢字ABCabc012[\]</SPAN><BR>

フォント「Bahnschrift」がインストールされている場合。¶？

semi-expanded

112.5%

<SPAN style="font-size:40px;
 font-family:Bahnschrift;
 font-stretch:semi-expanded;
">漢字ABCabc012[\]</SPAN><BR>

フォント「Bahnschrift」がインストールされている場合。

expanded

125%

<SPAN style="font-size:40px;
 font-family:Bahnschrift;
 font-stretch:expanded;
">漢字ABCabc012[\]</SPAN><BR>

フォント「Bahnschrift」がインストールされている場合。

extra-expanded

150%

<SPAN style="font-size:40px;
 font-family:Bahnschrift;
 font-stretch:extra-expanded;
">漢字ABCabc012[\]</SPAN><BR>

フォント「Bahnschrift」がインストールされている場合。

ultra-expanded

200%

<SPAN style="font-size:40px;
 font-family:Bahnschrift;
 font-stretch:ultra-expanded;
">漢字ABCabc012[\]</SPAN><BR>

フォント「Bahnschrift」がインストールされている場合。

以下のCSSが組み込んであります：

<SPAN style="font-size:40px;
 font-family:Test_Font_Rei;
 font-stretch:condensed;
">漢字ABCabc012[\]</SPAN><BR>

<SPAN style="font-size:40px;
 font-family:Test_Font_Rei;
 font-stretch:semi-condensed;
">漢字ABCabc012[\]</SPAN><BR>

<SPAN style="font-size:40px;
 font-family:Test_Font_Rei;
 font-stretch:normal;
">漢字ABCabc012[\]</SPAN><BR>

関連

font-stretch記述子。