font-stretch 【フォントの横幅を指定】

なし

font-stretchプロパティは、フォントの横幅を指定する事が出来ます。

一般的に対応しているブラウザが無いので、お目に掛かる事は殆ど無いかもしれません。

normal
標準の幅で表示します。
wider
標準の幅よりも一段階広い幅
narrower
標準の幅よりも一段階狭い幅
ultra-condensed
最小の幅
extra-condensed

condensed

semi-condensed

semi-expanded

expanded

extra-expanded

ultra-expanded
最大の幅
inherit
継承

font-stretchの使用例

CSSファイル

.fontsp014 {
 font-stretch: ultra-expanded;
}

HTMLソース

<p class="fontsp014">
font-stretchプロパティ使用例<br />
横幅最大値 font-stretch: ultra-expanded;
</p>

表示すると

font-stretchプロパティ使用例
横幅最大値 font-stretch: ultra-expanded;

フォント関連項目

font フォントに関する指定をまとめて行う 
font-size フォントのサイズを指定する 
font-weight フォントの太さを指定する 
font-family フォントの種類を指定する 
font-style フォントをイタリック体・斜体にする 
font-variant フォントをスモールキャップにする 
font-size-adjust※ フォントのサイズを調整する 
font-stretch※ フォントを縦長・横長にする 

戻る

TOP