CSS - text-justify - とほほのWWW入門

属性名	text-justify
値	auto \| none \| inter-word \| inter-ideograph \| inter-cluster \| distribute \| kashida \| newspaper \| distribute-all-lines \| distribute-center-last
初期値	auto
適用可能要素	基本的にブロック要素
継承	継承する
メディア	Visual / Text
サポート	C3 / e5.5

文章の右端に空白が空かないように、単語間や文字間のスペースを調整します。

値	説明
auto	自動調整します。(C3/e5.5)
none	調整しません。(C3)
inter-word	単語間のみで調整します。(C3/e5.5)
inter-ideograph	単語間と文字間で調整します。日本語など漢字圏に適しています。(C3/e5.5)
inter-cluster	単語間と文字間で調整します。アジア圏に適しています。(C3/e5.5)
kashida	単語間と文字間で調整します。アラビア語などに適しています。(C3/e5.5)
newspaper	単語間と文字間で調整します。英語圏などに適しています。(e5.5)
distribute	単語間と文字間(筆記体で繋がった文字を除く)で調整します。タイ語などに適しています。(C3/e5.5)
distribute-all-lines	単語間と文字間で調整します。段落の最後の行も調整します。(e5.5)
distribute-center-last	Microsoftのリファレンスに記述がありますが、IEでもまだ実装されていません。

HTML

<h5>指定無し</h5>
<div style="width:200px; border:1px solid #666666">
This document collects together into one definition all the specs that together form ...
</div>

<h5>auto</h5>
<div style="text-align:justify; text-justify: auto; width:200px; border:1px solid #666666">
This document collects together into one definition all the specs that together form ...
</div>

<h5>none</h5>
<div style="text-align:justify; text-justify: none; width:200px; border:1px solid #666666">
This document collects together into one definition all the specs that together form ...
</div>

<h5>inter-word</h5>
<div style="text-align:justify; text-justify: inter-word; width:200px; border:1px solid #666666">
This document collects together into one definition all the specs that together form ...
</div>
(略)

表示