text-justify プロパティ
text-justify プロパティは、テキストの均等割付け(text-align:justify;)に設定されたエレメントおいて、単語間または文字間を調整するプロパティです。
単語間の調整は日本語では機能しないようです。
text-align:justify;
text-justify: inter-word;
Exampleを参照してください
もし、短い文字列や単語を両端揃いにしたい場合は、text-align: justify; と text-align-last を試してください。
ページ内 Index
構文(Syntax)
CSS
text-justify: auto | inter-word | inter-character | none | initial | inherit;
DOM ( JavaScript )
String = object.style.textJustify;
object.style.textJustify="auto | inter-word | inter-character | none | initial | inherit";
値（Values）
| Value | 摘要 |
|---|---|
| auto | 初期値（default値）、言語によって調整 |
| inter-word | 単語間を調整 |
| inter-character | 文字間を調整 |
| none | 両端揃えもなし |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | auto |
| 継承（Inherited） | Yes |
| CSS Animation | No |
Example
text-justify プロパティの例です。上が両端揃えで文字間隔を調整しています。下はデフォルトです。
text-justify の値をいろいろと変えてみてください。微妙ですが変化します。
関連 CSS プロパティ
以下はテキスト配置に関連するプロパティです。
| letter-spacing | 文字間隔 |
| line-height | テキストの行間 |
| overflow-wrap | 単語がエレメント内に入りきらない場合の設定 |
| tab-size | タブのサイズ |
| text-align | 右寄せ、中央寄せ、左寄せ |
| text-align-last | 最後の行の右寄せ、中央寄せ、左寄せ |
| text-combine-upright | 縦書きにおける算用数字（アラビア数字）の配置 |
| text-indent | 最初の行頭の字下げ幅 |
| text-overflow | エレメントからテキストがはみ出る場合の表記 |
| vertical-align | テキストの上下位置、上付き、下付き |
| white-space | ホワイトスペース（複数の半角スペース、タブ）や改行の表示方法 |
| word-break | エレメントの領域をはみ出るテキストの折り返し |
| word-spacing | 単語と単語の間の空白を調整 |
| word-wrap | overflow-wrapプロパティの別名 |