CSS overflow-wrap 属性

定義と使用方法

overflow-wrap 属性は、長い単語がコンテナから溢れた場合に、ブラウザがそれに対して改行を行うかどうかを指定します。

例

長い単語がコンテナから溢れた場合に、ブラウザがそれに対して改行を行うことを許可します：

div {
  overflow-wrap: break-word;
}

実際に試してみてください

CSS语法

overflow-wrap: normal|anywhere|break-word|initial|inherit;

属性値

値 説明
normal 長い単語は改行されません。デフォルト値。
anywhere 長い単語がコンテナから溢れた場合、それに対して改行を行います。
break-word 長い単語がコンテナから溢れた場合、それに対して改行を行います。
initial この属性をデフォルト値に設定します。参照してください。 initial。
inherit この属性は、親要素からこの属性を継承します。参照してください。 inherit。

技術的詳細

デフォルト値： normal
継承性： はい
アニメーション作成： サポートされていません。参照してください：アニメーション関連属性。
バージョン： CSS3
JavaScript语法： object.style.overflowWrap="normal"

ブラウザのサポート

テーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
23.0 18.0 49.0 6.1 12.1

相关页面

教程：CSS 溢出