最終更新日

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外部リンク
HOME