最終更新日 
overflow-wrapプロパティ
overflow-wrapは、単語が長すぎて1行に収まりきれない場合などに、文字のあふれを防ぐために、単語の途中で折り返しするかどうかを指定するプロパティです。
overflow-wrapは、以前の草案では「word-wrap」という名前で定義されていたため、各ブラウザではword-wrapとして利用できます。
CSS3での変更点
・overflow-wrapは、CSS3から新しく追加されたプロパティです。
| 初期値 | 適用先 | 継承 |
|---|---|---|
| normal | すべての要素 | あり |
| 値 | 説明 |
|---|---|
| normal | 改行や半角スペースなどの折り返しが可能な位置でのみ折り返します。（初期値） |
| break-word | 折り返し可能な位置がない場合は、任意の位置で折り返す。 |
サンプルコード
overflow-wrap: normal; overflow-wrap: break-word;
参考文献：CSS Text Level 3
当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。