Go to information

text-justify

text-justifyプロパティはインライン内容の両端揃え(text-align : justify ;)が指定された場合に、単語を半角スペースで区切る欧文以外の日本語や東南アジア語、アラビア語などの様々な言語の表記体系にあわせた両端揃えを指定します。通常、両端揃えは単語の間にある半角スペースの幅を広げて調整を行っているため、単語を半角スペースで区切るような欧文のみを対象としますが、text-justifyプロパティを用いることで様々な言語の表記体系にあわせた両端揃えを可能にします。

初期値
auto
適用対象
継承
する
メディア
visual
動作環境
Windows版Internet Explorer 5 以上のバージョン

text-justifyプロパティは次世代仕様の CSS3 で取り入れられることが考案されているのを、Windows版Internet Explorer 5 が先行実装しました。text-justifyプロパティに指定できる値のキーワードはそれぞれ以下の意味を示します。

auto
両端揃えの方法を UA に依存する
distribute
単語間の半角空白と字間を調整して両端揃えで表示、ただし最後の行は両端揃えしない
distribute-all-lines
単語間の半角空白と字間を調整して両端揃えで表示、最後の行も両端揃えする
distribute-center-last
両端揃えを行わず、最後の行は中央揃えで表示
inter-cluster
字間を調節して両端揃えで表示(タイ語などの東南アジア言語に有用)
inter-ideograph
漢字や平仮名の文字間・単語間を調節して両端揃えで表示
inter-word
単語間の半角空白を調節して両端揃えで表示、ただし最後の行は両端揃えしない
kashida
特定の文字を選んで引き伸ばして両端揃えで表示(アラビア語などの表記体系を想定)
newspaper
単語間の半角空白を調節し、必要に応じて字間も広げて両端揃えで表示

"inter-ideograph" が単語間を半角スペースで区切ることのない日本語の文章(和文)に適した両端揃えの方法のようですが、"distribute", "distribute-all-lines", "newspaper" においても和文の両端揃えが行われます。なお、Firefox は text-justifyプロパティには対応していませんが、Firefox1.5 のバージョンより "text-align : justify ;" を指定するだけで、欧文だけでなく和文においても両端揃えで表示されます。

記述例
p        { border-right : 3px dotted red ; width : 80% ; }
.justify { text-align : justify ;
           text-justify : inter-ideograph ; }
表示例

現在位置
  1. W3G
  2. CSS
  3. 独自拡張・先行実装
  4. text-justify
ナビゲーション
ステータス情報
作者
上田 遼
更新
2007-03-22T22:46:08+09:00
URI
http://w3g.jp/css/ext/text-justify
検索

PR:東北の釣りマガジン「SHIZENCLUB(自然倶楽部)」&関西の釣りマガジン「釣りサンデー(釣りサン)」