word-spacing

概要

CSS の word-spacing プロパティは、タグや単語間の間隔を定義します。

  • 初期値normal
  • 適用対象全要素
  • 継承する
  • 相対値の基準作用する glyph の width
  • メディアvisual
  • 計算値それぞれ絶対指定の length、percentage、キーワード normalのいずれかである、最適値、最小値、最大値
  • アニメーションの可否可。length として可能
  • 正規順序形式文法で定義された一意であいまいでない順序

構文

形式構文: normal | <length>
word-spacing: normal    /* Keyword value */
word-spacing: 3px       /* <length> values */
word-spacing: 0.3em

word-spacing: inherit

normal
現在のフォントやブラウザで定義されている、通常の単語間隔
<length>
利用可能な単位については <length> をご覧ください。

次の CSS は:

#mozdiv1 {
  word-spacing: 15px;
}

#mozdiv2 {
  word-spacing: 5em;
}

テキストを含む 2 つの <div> タグを次のように表示します:

example.png

仕様

仕様書 策定状況 コメント
CSS Text Level 3 草案 以前の値を、<spacing-limit> 値で置き換え。この値は、以前と同じ値か、追加された<percentage> 値か、もしくは、最適値・最小値・最大値を表す 3 つまでの値を使って定義します
CSS Transitions 草案 visibility をアニメーション可能として定義
CSS Level 2 (Revision 1) 勧告 変更なし
CSS Level 1 勧告 初回定義

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 1.0 1.0 (1.7 or earlier) 6.0 3.5 1.0 (85)
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート ? ? ? ? ?

関連情報

添付ファイル

ファイル サイズ 日時 添付者:
example.png
18119 バイト 2012-02-12 00:50:18 syssgx
debugger-small
138115 バイト 2013-09-16 19:50:28 wbamberg

Document Tags and Contributors

Contributors to this page: sosleepy, ethertank
最終更新者: ethertank,
サイドバーを隠す