文字の均等割付け
CSSの書き方
text-justify:値 ;
|
|||||||||||||||||||||||||||||||||||||||||
解説
文字を均等に割り付ける方法を指定するスタイルシートです。「text-align」プロパティのサブプロパティなので、「text-align」プロパティが記述されていなければ、動作しません。さらに、「text-align:justify;」としたときに有効となります。
IE独自だが、CSSレベル3で導入予定
現時点(2006年2月)では、このプロパティはInternetExplorer以外のブラウザでは対応していません。IEがCSSレベル3のプロパティを先行して対応している形となります。ただし、CSSレベル3での正式な「text-justify」プロパティでは、「distribute-all-lines」という値は実装しません。
設定できる値
text-justify」プロパティで設定できる値は以下の表のようになります。
|
※引用元:藤本 壱、スタイルシート ポケットリファレンス、技術評論社、P123、2005
CSS/HTMLサンプル
p { width:600px; text-align:justify; text-justify:distribute-all-lines; }
段落要素の文字列を単語間及び文字間で均等割付 サンプル
