We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

概要

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

注記: 元々は Microsoft の(プレフィックスなしの)独自拡張だった word-wrap が、多くのブラウザーで実装され、CSS3 Text 仕様書で overflow-wrap に改名されました。元々の word-wrap は現在 overflow-wrap の「別名」とみなされています。

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

構文

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

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

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

形式文法

normal | break-word

Examples

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

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

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

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

仕様

仕様書 策定状況 コメント
CSS Text Module Level 3
overflow-wrap の定義
草案 Initial definition

ブラウザー実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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

関連情報

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

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