English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考指南

CSS @规则(RULES)

CSS 属性全览

CSS3 word-wrap属性の使用方法と例

word-wrap CSS属性は、溢れを防ぐために長い内容が自動的に改行できるように指定します。

以下のテーブルには、この属性の使用方法とバージョン履歴、JavaScriptスクリプトでの使用方法が記載されています。

デフォルト値:normal
適用:すべての要素
継承:はい
アニメーション可能:いいえ。参照してください。 アニメーション属性
バージョン: CSS3の新機能
JavaScriptの構文:object.style.wordWrap="break-word"

word-wrapの使用構文

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

word-wrap: normal | break-word | initial | inherit

以下の例では、wordの使用方法を示しています。-wrap属性。

  p {
   width: 200px;
   background: #90ee90;
   word-wrap: break-word;
  }
テストして‹/›

属性値

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

説明
normal許可された断字点でのみ改行します(ブラウザがデフォルトの処理を維持)。これはデフォルト値です。
break-word行に受け入れ可能な断点がない場合、破壊できない単語を強制的に改行して溢れを防ぎます。
initialこの属性をデフォルト値に設定します。
inherit指定された場合、関連する要素は親要素のword-wrapの属性値。

ブラウザ互換性

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

  • Firefox 3。5+

  • Google Chrome1+

  • Internet Explorer 5。5以上

  • Apple Safari 1+

  • Opera 10。5+

さらに詳しく

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

関連属性:word-breakwhite-spacetext-overflow