CSS word-break 属性

定義と用法

word-break属性は、自動改行の処理方法を定義します。

ヒント：word-break属性を使用することで、ブラウザが任意の場所で改行を行うことができます。

例

適切な断行ポイントで改行します：

p.test {word-break:hyphenate;}

自分で試してみてください

CSS 语法

word-break: normal|break-all|keep-all;

属性値

値 説明
normal ブラウザのデフォルトの改行ルールを使用します。
break-all 単語内で改行を許可します。
keep-all 半角スペースまたはハイフンのみで改行できます。

技術的詳細

デフォルト値： normal
継承性： yes
バージョン： CSS3
JavaScript 语法： object.style.wordBreak="keep-all"

ブラウザのサポート

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

Chrome IE / Edge Firefox Safari Opera
4.0 5.5 15.0 3.1 15.0