CSS word-wrap 属性

定義と使用法

word-wrap 属性は、長い単語やURLアドレスを次の行に折り返すことを許可します。

参照してください：

CSS チュートリアル：CSS 文本効果

例

長い単語を次の行に折り返すことを許可します：

p.test {word-wrap:break-word;}

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

CSS 文法

word-wrap: normal|break-word;

属性値

値 説明
normal 許可された断り点でのみ折り返しを行います（ブラウザのデフォルト処理を維持）。
break-word 長い単語やURLアドレスの中で折り返しを行います。

技術的詳細

デフォルト値： normal
継承性： yes
バージョン： CSS3
JavaScript 文法： object.style.wordWrap="break-word"

ブラウザのサポート

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

Chrome IE / Edge Firefox Safari Opera
4.0 5.5 3.5 3.1 10.5