概要

word-wrap プロパティは、単語の途中での改行を行わなければ文字列が長すぎて包含ボックス内におさまらないときに、ブラウザがオーバーフローしないように改行を行うかどうかを決めます。

注記: 元々は Microsoft の(プレフィックスなしの)独自拡張だった word-wrap が、CSS3 Text 仕様書の現在の草案で overflow-wrap に改名されました。word-wrap は現在 overflow-wrap の「別名」とみなされています。Google Chrome と Opera の安定版は新しい構文をサポートしています。

初期値normal
適用対象全要素
継承継承する
メディアvisual
計算値指定値
アニメーションの可否不可
正規順序形式文法で定義される一意のあいまいでない順序

構文

/* Keyword values */
word-wrap: normal;
word-wrap: break-word;

/* Global values */
word-wrap: inherit;
word-wrap: initial;
word-wrap: unset;

normal
通常の単語の分割位置でのみ改行することを示します。
break-word
行内に改行可能な箇所がないときに、通常分割できない単語を任意の箇所で分割して改行することを示します。

形式文法

normal | break-word

p { width: 13em; background: gold; }

FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsgesetzes und straßenverkehrsrechtlicher Vorschriften)

p { width: 13em; background: gold; word-wrap: break-word; }

FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsgesetzes und straßenverkehrsrechtlicher Vorschriften)

仕様

仕様書 策定状況 コメント
CSS Text Level 3 草案  

ブラウザ実装状況

機能 Firefox (Gecko) Chrome Internet Explorer Opera Safari
基本サポート 3.5 (1.9.1) 1.0 5.5 10.5 1.0
機能 Firefox Mobile (Gecko) Android IE Mobile Opera Mobile Safari Mobile
基本サポート 1.0 (1.9.1) 1.0 ? ? 1.0
  • word-wrap:break-word は、IE 5.5-7 で pre{white-space:pre-wrap} のサポートがないことの回避策として使えます。使用例は white-space をご覧ください。
  • IE8 は -ms-word-wrap word-wrap の同義語として導入しました。プレフィックス -ms- は使わないでください。

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: Sebastianz, mitsuba-clover, ethertank, sosleepy
 最終更新者: Sebastianz,