CSSリファレンス

word-breakの意味と使い方

「word-break」は単語の途中での改行方法を指定します。

値の指定方法

normal

言語のデフォルトの改行ルールに従います。例えば、日本語や中国語、韓国語は単語の途中であっても行末に来た文字で改行し、英語などは単語の前後のスペースの位置で改行します。


break-all

言語を問わず、行末に来た文字で改行します。英語のような言語でも、単語の途中で改行します。日本語や中国語、韓国語の中に、少しだけ英単語が入るような文章での利用に適しています。


keep-all

言語を問わず、単語の途中では改行をしません。英語のような言語ではnormalと同じになります。英語の中に、少しだけ日本語や中国語、韓国語が入るような文章での利用に適しています。


関連プロパティ

  • overflow-wrap:単語の途中で改行するかどうかを指定する
  • line-break:禁則処理のしかたを指定する