CSS - text-justify

トップ > CSSリファレンス > text-justify

概要

属性名 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-lastMicrosoftのリファレンスに記述がありますが、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>
(略)
表示
指定無し
This document collects together into one definition all the specs that together form ...
auto
This document collects together into one definition all the specs that together form ...
none
This document collects together into one definition all the specs that together form ...
inter-word
This document collects together into one definition all the specs that together form ...
inter-ideograph
This document collects together into one definition all the specs that together form ...
inter-cluster
This document collects together into one definition all the specs that together form ...
kashida
This document collects together into one definition all the specs that together form ...
newspaper
This document collects together into one definition all the specs that together form ...
distribute
This document collects together into one definition all the specs that together form ...
distribute-all-lines
This document collects together into one definition all the specs that together form ...
distribute-center-last
This document collects together into one definition all the specs that together form ...

Copyright (C) 1997-2012 杜甫々
初版:1997年7月27日、最終更新:2012年5月4日
http://www.tohoho-web.com/css/prop/text-justify.htm