CSS - font-stretch

トップ > CSSリファレンス > font-stretch

概要

属性名 font-stretch
normal
| ultra-condensed | extra-condensed | condensed | semi-condensed
| semi-expanded | expanded | extra-expanded | ultra-expanded
初期値normal
適用可能要素すべての要素
継承継承する
メディアVisual / Font
サポートC2.0 / e9 / Fx9

説明

フォントの横幅を指定します。CSS2.0 で定義されましたが、CSS2.1 では破棄されました。CSS3 で再定義される予定です。

説明
ultra-condensed一番幅狭なフォント
extra-condensedとても幅狭なフォント。
condensed幅狭なフォント。
semi-condensed少しだけ幅狭なフォント。
normal通常のフォント。
semi-expanded少しだけ幅広なフォント。
expanded幅広なフォント。
extra-expandedとても幅広なフォント。
ultra-expanded一番幅広なフォント。

IE9 と Firefox 9 で実装されていますが、Firefox にはバグがあるようです。下記の使用例は IE9 で確認してください。

使用例

HTML
<div style="font-stretch:ultra-condensed; font-family:'Arial'">This is Japan.</div>
<div style="font-stretch:ultra-expanded; font-family:'Arial'">This is Japan.</div>
表示
This is Japan.
This is Japan.

Copyright (C) 1997-2012 杜甫々
初版:1997年7月27日、最終更新:2012年5月1日
http://www.tohoho-web.com/css/prop/font-stretch.htm