English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
word-wrap CSS属性は、溢れを防ぐために長い内容が自動的に改行できるように指定します。
以下のテーブルには、この属性の使用方法とバージョン履歴、JavaScriptスクリプトでの使用方法が記載されています。
デフォルト値: | normal |
---|---|
適用: | すべての要素 |
継承: | はい |
アニメーション可能: | いいえ。参照してください。 アニメーション属性。 |
バージョン: | CSS3の新機能 |
JavaScriptの構文: | object.style.wordWrap="break-word" |
この属性の構文は以下の通りです:
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属性のブラウザの互換性を確認してください。以下のテーブルには、この属性をサポートするブラウザの最低バージョン番号が示されています;すべての主要ブラウザはこの属性をサポートしています。
|
以下のチュートリアルを参照してください:CSS Text。