CSSでのテキストの折り返し・改行の制御に関係するプロパティ

CSSの改行の制御に関するプロパティがたくさんあってややこしいのでまとめる。ややこCSS

word-break: 文字列がボックスからはみ出た場合に、単語内で改行するかの制御

normal: 単語境界で改行する。CJKテキストは単語途中でも折り返す。

break-all: 単語内でも改行する。

keep-all: normalと同じ。CJKテキストは字句単語分断法による単語境界以外の場所では折り返さない。

非推奨 break-word

overflow-wrap: 文字列がボックスからはみ出た場合に、行内で改行するかの制御。

normal: 単語境界で折り返す。

anywhere: まず単語境界で折り返す。単語境界で折り返してもはみ出す場合は、単語内でも改行する。

break-word: anywhereと同じだが、コンテンツの内在的な最小幅（CSS）を計算する際に単語境界が考慮されない。

参考にした資料