CSS text-justify 属性

定義と使用方法

text-justify 属性は、text-alignが「justify」に設定された場合のテキストの整列方法を指定します。

この属性は、行のテキストをどのように整列および区切るかを定義します。

例

行の整列を変更して単語間のスペースを調整：

div
{
text-align:justify;
text-justify:inter-word;
}

実際に試してみてください

CSS 语法

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

属性値

値 説明 テスト
自動 ブラウザが整列アルゴリズムを決定します。 テスト
なし 整列を無効にします。 テスト
inter-word 単語間のスペースを増加/減少させます。 テスト
inter-ideograph 意符テキストで内容を整列します。 テスト
inter-cluster 内部の単語間のスペースを含まない内容（例えば、アジア語系）のみに整列を行います。 テスト
distribute 新聞の版面に似ていますが、東アジア語系では最後の行が整列していないことがあります。 テスト
kashida 内容を並べるために文字を伸ばして整列します。 テスト

技術的詳細

デフォルト値： 自動
継承性： はい
バージョン： CSS3
JavaScript 语法： object.style.textJustify="inter-word"

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
サポート* 11.0 55.0 10.0.3 サポート*

* この機能は「実験的な Web プラットフォーム機能を有効にする」オプションにあります（「有効」に設定する必要があります）。Chrome でのオプションを変更するには：Chrome ブラウザで「chrome://flags」を入力してください。Opera でのオプションを変更するには：Opera ブラウザで「flags」を入力してください。