CSS 参考手册

CSS @规则(RULES)

word-break属性の使用方法と例

break CSS属性は、単語内で折り返す方法を指定するために使用されます。

以下のテーブルには、この属性の使用方法とバージョン履歴、JavaScriptスクリプトでの使用方法が記載されています。	normal
デフォルト値：	適用：
すべての要素	継承：
はい	アニメーション可能：いいえ。アニメーション属性。
バージョン：	CSS3の新機能
JavaScriptの構文：	object.style.wordBreak="break-all"

この属性の構文は以下の通りです：

word-break:　normal　|　break-all　|　keep-all　　|　initial　|　inherit

以下の例では、word-break属性。

例

　　p　{
　　　width:　150px;
　　　background:　#90ee90;
　　　word-break:　break-all;
　　}

以下のテーブルは、この属性の値を説明しています。

値	説明
normal	単語は通常のルールに従って折り返されます。
break-all	単語内で折り返すことを許可します。
keep-all	成対の文字の間にスペースを使用することを禁止します。半角スペースまたはハイフンで折り返すことができます。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のword-breakの属性値。

word-break属性のブラウザの互換性について、以下のテーブルには、この属性をサポートするブラウザの最低バージョン番号が示されています；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 15+ Google Chrome4+ Internet Explorer 5。5以上 Apple Safari 3。1+ Opera 15+

以下のチュートリアルを参照してください：CSS Text。