word-break
word-break は要素からテキストがはみ出す際に、単語の途中で改行するかどうかを指定します。
- 値
- normal, break-all, keep-all, break-word
- 初期値
- normal
- 対象
- 全ての要素
- 継承
- する
- CSS レベル
- CSS 3 ～
値の詳細
- normal
- 通常の表示。日本語等は文章の区切り以外でも折り返し、英語等は単語の途中では折り返さない
- break-all
- 単語の途中で折り返す
- keep-all
- 単語の途中では折り返さない。日本語の場合も句読点やスペースがない限りは折り返さない
- break-word
- 基本的に単語の途中では折り返さないが場合によっては単語の途中でも折り返すことがある
サンプル
p {
word-break: keep-all;
}