備忘録的プログラミングリファレンス

word-wrap プロパティ

 word-wrap プロパティは、エレメントの領域内に収まらない(オーバーフローする)単語を途中で改行するかを指定するプロパティです。

エレメント内に収まるように単語も改行する(Exampleを参照
word-wrap: break-word;

 overflow-wrapプロパティの別名です。 overflow-wrapプロパティが公式ですが、以前から使われていたword-wrap プロパティが使えるようになっています。

ページ内 Index

構文(Syntax)

CSS

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

DOM ( JavaScript )

値の取得
String = object.style.wordWrap;
値の設定
object.style.wordWrap="normal | break-word | initial | inherit";

値(Values)

Value摘要
normal初期値(default値)
break-word単語の途中でも改行
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)normal
継承(Inherited)Yes
CSS AnimationNo

Example

 word-wrapの例です。エレメントに収まらない単語を途中で改行することができます。 日本語ではほぼ機能しません。英単語で機能します。