CSS3 text-justify プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

均等割付は単語間のスペースを変更します:

div {
    text-align: justify;
    text-justify: inter-word;
}
Try it Yourself ❯

定義と用法

text-justify プロパティは、text-align が "justify" に設定されている場合の、使用する均等割付方法を指定します。

このプロパティは、均等割付するテキストの位置揃えと、間隔の設定方法を指定します。

デフォルト値: auto
継承: 継承する
アニメーション可否: 不可。animatable を参照
バージョン: CSS3
JavaScript 構文: object.style.textJustify="inter-word"

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
text-justify 未サポート 5.5 未サポート 未サポート 未サポート

CSS 構文

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim|initial|inherit;

プロパティの値

説明 Play it
auto ブラウザが均等割付のアルゴリズムを決定します Play it ❯
inter-word 単語間のスペースを増/減します Play it ❯
inter-ideograph 表意文字テキストを持つコンテンツの均等割付を行います Play it ❯
inter-cluster 単語間にスペースが含まれていないコンテンツ(アジアの言語など)だけの均等割付を行います Play it ❯
distribute 東アジア言語(タイ語など)を除き、新聞と同様に最後の行の均等割付を行いません Play it ❯
kashida 文字を引き伸ばして均等割付します Play it ❯
trim   Play it ❯
none 均等割付を行いません Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照


❮ 前章へ 完全な CSS リファレンス 次へ ❯