概要
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-は使わないでください。
関連情報
- Microsoft の元の文書: MSDN Microsoft library word-wrap