word-breakで文章の改行方法について指定する【CSS】

word-breakは文章の改行方法を指定するプロパティです。

{word-break: 改行方法;}

英単語は単語の途中で改行せずに、単語の切れ目で改行するのか、単語の途中とかは関係なく表示幅に合わせて改行するのかなど、文章の改行方法を指定できるというもの。

W3Cで審議中だった仕様をInternet Explorerが独自に採用したものなんだとか。

word-breakの指定方法

word-breakプロパティでは以下のような値を指定することができます。

normalは改行方法を指定しません。

日本語、中国語、韓国語の単語は表示範囲に合わせて改行されてしまうので、単語の途中で切れる場合もありますが、英語に関しては、単語の途中ではなく切れ目で改行されます。

keep-allを指定すると、日本語、中国語、韓国語の単語も途中では改行されないようになります。

break-allを指定すると、line-breakプロパティで禁止されていない限りは、言語や単語の途中は関係なく表示幅に合わせて改行されます。