ウェブランサー

font-stretch - フォントの横幅を指定する

対応ブラウザ
IE7非対応IE8非対応Firefox非対応Chrome非対応Opera非対応Safari非対応
適用対象 全ての要素
継承 する

font-stretchプロパティは、フォントの横幅を指定する際に指定します。一般的に対応しているブラウザが無いので、お目に掛かる事は殆ど無いかもしれません。

font-stretchに与えられる値

font-stretch: normal;
標準の幅で表示します。
font-stretch: wider;
標準の幅よりも一段階広い幅で表示します。
font-stretch: narrower;
標準の幅よりも一段階狭い幅で表示します。
font-stretch: ultra-condensed;
最小の幅で表示します。
font-stretch: extra-condensed;
ultra-condensedよりも一段広い幅で表示します。
font-stretch: condensed;
extra-condensedよりも一段広い幅で表示します。
font-stretch: semi-condensed;
condensedよりも一段広い幅で表示します。
font-stretch: semi-expanded;
semi-condensedよりも一段広い幅で表示します。
font-stretch: expanded;
semi-expandedよりも一段広い幅で表示します。
font-stretch: extra-expanded;
expandedよりも一段広い幅で表示します。
font-stretch: ultra-expanded;
最大の幅で表示します。
font-stretch: inherit;
継承します。

font-stretchの使用サンプル

CSS
.font_sample01 {
 font-stretch:ultra-condensed;
}
.font_sample02 {
 font-stretch:ultra-expanded;
}
XHTML
<div class="font_sample01">
font-stretch表示サンプル<br />
font_sample01 [font-stretch:ultra-condensed;]</div>

<div class="font_sample02">
font-stretch表示サンプル<br />
font_sample02 [font-stretch:ultra-expanded;]</div>
表示確認
font-stretch表示サンプル
font_sample01 [font-stretch:ultra-condensed;]

font-stretch表示サンプル
font_sample02 [font-stretch:ultra-expanded;]

font-stretchに関連するCSSプロパティ

フォント・文字色
color 文字の色を指定する
font 文字フォントに関する指定をまとめて行う
font-family 文字フォントファミリー(フォントの種類)を指定する
font-feature-settings OpenTypeフォント機能の利用について、有効/無効を指定する
font-kerning 欧文フォントにカーニングを適用する
font-language-override 表示する文字フォントの言語を部分的に変更する
font-size 文字フォントのサイズ(大きさ)を指定する
font-size-adjust 文字フォントの種類の違いによるサイズのバラつきを調整する
font-stretch 文字フォントの横幅の広さを指定する
font-style 文字フォントを斜体で表示する
font-synthesis 太字や斜体を持たないフォントファミリーの場合に、太字や斜体で表示するかどうかを指定する
font-variant 文字フォントの表示に関するサブプロパティの値をまとめて指定する
font-variant-alternates 文字フォントの代替グリフ(字形)の選定を制御する
font-variant-caps スモールキャップス(small caps)などの、文字フォントのグリフ(字形)を指定する
font-variant-east-asian 表示する文字フォントのグリフ(字形)の指定を行う
font-variant-ligatures 隣り合った文字フォントの合字(リガチャ)を指定する
font-variant-numeric 数字の表示形式を指定する
font-variant-position 上付き文字、下付き文字を指定する
font-weight 文字フォントの太さを指定する