text-justify(テキスト・ジャスティファイ)について
文字列を均等に割り付けることが出来るプロパティです。text-alignのサブプロパティなので、text-align; justify;と記述して、text-justify: ;で動作を設定します。
text-justifyのブラウザ表示例
- ■CSS記述
.sample1 { text-align:justify; text-justify:distribute-all-lines; }- ■XHTML記述
<p class="sample1">サンプル</p>
サンプル
text-justify(テキスト・ジャスティファイ)の設定方法
text-justify: (値);
text-justify(テキスト・ジャスティファイ)の値
- auto
- Webブラウザに依存します。
- distribute
- 単語間と文字間を調節して均等割り付けをします。
- distribute-all-lines
- 文字列が1行に満たない場合でも、distributeと同じ方法で均等割り付けします。
- inter-word
- 単語間を広げて均等割り付けします。
- inter-ideograph
- 日本語や中国語の文字間のみ均等割り付けをします。
- inter-cluster
- 東南アジア言語向けの均等割り付けです。
- kashida
- アラビア語向けの均等割り付けです。
- newspaper
- 英語等に適した単語間、および文字間を調節して均等割り付けをします。
