English 中文 العربية 日本語 Português

text-justify プロパティ

最終更新：2026-09-13

text-justify text-justify プロパティ

text-justify プロパティは、text-align が justify（両端揃え）のときに、ブラウザがどのように間隔を調整するかを指定します。単語間隔、文字間隔、またはその両方の組み合わせで両端揃えを実現するかを制御します。このプロパティは主に justify 値を使う際のタイポグラフィの細部に影響します。

カテゴリ
初期値auto
継承はい
適用対象
アニメーションタイプ
CSS バージョンCSS3
状態標準

📝 構文

text-justify: auto | none | inter-word | inter-character;

⚙️ 値

値タイプ説明
auto | none | inter-word | inter-characterキーワード両端揃えの戦略

▶ 例

以下のコードを編集して、プレイグラウンドでライブ結果を確認してください：

▶ 試す

🌐 ブラウザーサポート

ブラウザー ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
text-justify ✓ v57 ✓ v12 ✓ v52 ✓ v10.1 ✓ v44
すべての主要ブラウザーでサポート
ヒント： inter-character は、中国語や日本語のようにスペースで区切られない言語に適しており、文字間隔を調整して両端を揃えます。
注意： text-justify は text-align: justify のときにのみ効きます。それ以外の配置では無視されます。

❓ よくある質問

Q中国語のテキストにはどの text-justify 値を使うべきですか？
A中国語には単語間にスペースがないため、両端揃えには text-justify: inter-character を使い、ブラウザが文字間隔を調整して左右を揃えます。結果はより均一で自然です。inter-word は主に英語などのスペースで区切られる言語向けです。
Qtext-justify の auto 値はどうやって戦略を選びますか？
Aauto ではブラウザが独自に戦略を決定し、ブラウザによって選択が異なる場合があります。一貫した結果が必要なら、inter-word または inter-character を明示的に指定してください。
Qtext-justify を設定しても効果がないのはなぜですか？
Atext-justify は text-align: justify のときにのみ適用され、間隔の調整を見るには複数行が必要です。さらに inter-character は現在一部のブラウザのみが対応し、Firefox は中国語のサポートが良好です。
text-align
text-justify — text-fonts チュートリアル

📚 関連チュートリアル

text-align プロパティ
テキストの水平配置を制御する。
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%