Go to information

font-stretch

font-stretchプロパティはフォントの字幅（横幅）を狭めたり、広げたりすることができます。値には絶対キーワードと相対キーワードの2種類を指定することができます。

値

• ultra-condensed
• extra-condensed
• condensed
• semi-condensed
• normal
• semi-expanded
• expanded
• extra-expanded
• ultra-expanded
• narrower
• wider
• inherit

初期値

normal

適用対象

すべての要素

継承

する

メディア

visual

絶対キーワード

1. ultra-condensed
2. extra-condensed
3. condensed
4. semi-condensed
5. normal
6. semi-expanded
7. expanded
8. extra-expanded
9. ultra-expanded

"normal" を UA で設定される通常の字幅として、最も幅の狭い "ultra-condensed" から順に字幅が広くなり、"ultra-expanded" が最も字幅の広いフォントで表示します。

相対キーワード

narrower

親要素より継承した値の字幅より一段階狭いフォントで表示

wider

親要素より継承した値の字幅より一段階広いフォントで表示

親要素に "ultra-condensed" の絶対キーワードが指定されており、当該要素に "narrower" のキーワードを指定して継承が行われてもそれ以上字幅を狭めることはできません。同様に、親要素に "ultra-expanded" の絶対キーワードが指定されており、当該要素に "wider" のキーワードを指定して継承が行われてもそれ以上字幅を広げることはできません。

font-stretchプロパティの実装状況

Windows版Internet Explorer

×

Firefox

×

Opera

×

Safari

×

Macintosh版Internet Explorer 5

×

現状で font-stretchプロパティに対応しているのは UA はありません。

サンプル

記述例

.condense { font-stretch : condensed ; }
.normal   { font-stretch : normal ; }
.expand   { font-stretch : expanded ; }

表示例

現状では font-stretchプロパティに対応している UA がないため、実際にどのように振る舞われるのかを確認することはできておりませんが、おそらく上記の画像のようなイメージで表示されることになるのでしょう。

• font-size-adjustP
• Go to top
• Nfont-style

現在位置

1. W3G
2. CSS
3. フォント
4. font-stretch

ナビゲーション

• XHTML
• CSS
• JavaScript
• Web標準
• SEO
• Others
• Blog

World Wide Web Guide

ステータス情報

作者

上田 遼

公開

2007-02-02T16:25:48+09:00

更新

2008-12-29T04:30:37+09:00

URI

http://w3g.jp/css/font/font-stretch

検索

I S