Subject   : 文字の間隔や文字の幅(スタイルシート)

カテゴリー  : Home page > スタイルシート


 letter-spacing (文字の間隔)
この属性でテキストの文字、あるいは記号の間の間隔を指定することができます。 文字の間隔の大きさは、数値による入力ができますが、パーセントは使えません。

letter-spacing:0.2em

letter-spacing:0.5em

letter-spacing:1em

 font-stretch (文字の巾)
文字の巾の入力で文字の巾を狭くしたり太くしたりすることができます。
この属性は一般に普及しているブラウザでは、まだサーポートされていません。
font-stretch: メモ
wider 親要素より広い巾
narrower 親要素より狭い巾
condensed ある程度狭くつめた巾
semi-condensed 多少つめた巾
extra-condensed かなり狭くつめた巾
ultra-condensed 最大限狭くつめた巾
expanded ある程度広げた巾
semi-expanded 多少広げた巾
extra-expanded かなり広げた巾
ultra-expanded 最大限広げた巾
normal 普通の巾


wider という文字巾で書かれた小さな例文

narrower という文字巾で書かれた小さな例文

ultra-expanded という文字巾で書かれた例文

 word-spacing (単語と単語の間隔)
word-spacing は、単語と単語の間隔を指定します。標準の間隔に対するプラスまたはマイナスの数値で指定します。ただし、この指定の結果は「行揃え(align)」の状態によって異なる場合があります。
値は、「normal」の他に、数値による入力ができますが、 パーセントは使えません。

   ⇒ スタイルシートの font プロパティ

[メニューへ戻る]  [HOMEへ戻る]  [前のページに戻る]