【word-wrap】単語の途中で改行する

word-wrapプロパティでは、表示領域の横幅に収まりきらない単語がある場合に、その単語の途中で改行するかどうかを設定することができます。 単語の途中で改行しない場合は、表示領域から単語がはみ出して表示されます。

なお改行させたくない単語が日本語などの場合は、word-breakプロパティを使用して下さい。

またword-wrapプロパティは、Internet Explorer独自のプロパティとなります。

書式

  • word-wrap : ……… 単語の途中で改行するかどうか指定する

★:normal、break-word

normal
単語の途中で自動改行しません。長い単語の場合、表示範囲が拡大されます。
break-word
単語の途中で自動改行します。

使用した時の例

.sample1 {word-wrap: normal;}
.sample2 {word-wrap: break-word;}

div {width:40%; border:solid 1px #ccc;}
<div class="sample1">Typesofmoviesthatarefrequentlyusedonweb 
pages are playing while downloading files ....</div>

<div class="sample2">Typesofmoviesthatarefrequentlyusedonweb 
pages are playing while downloading files ....</div>

ブラウザ上の表示例

Typesofmoviesthatarefrequentlyusedonweb pages are playing while downloading files ….
Typesofmoviesthatarefrequentlyusedonweb pages are playing while downloading files ….

対応ブラウザなどのデータ

初期値 normal 値の継承 継承する
適用可能な要素 すべての要素
メディア visual
対応ブラウザ Internet Explorer5.5~

関連情報