word-wrap

InternetExplorer独自のプロパティで、単語の折り返しに関する指定を行います。


ブラウザ

IE5.5 / IE6

▲PageTop

書式

要素[.class名][#id名]{ word-wrap : 値; }

▲PageTop

指定できる値

値 初期値 意味
normal ○ 表示できる範囲を超えても、単語の途中では折り返されません。
break-word 表示できる範囲を超えると、単語の途中でも折り返されます。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        word-wrap : normal;
      }
      #sample2 {
        word-wrap : break-word;
      }
      #sample div {
        width : 50px;
        background-color : #cccccc;
      }
    </style>
  </head>
  <body>
    <div id="sample">
      【word-wrap : normal】
      <div id="sample1">
        abcdefghijklmnopqrstuvwxyzあいうえお.
      </div>
      <br>
      【word-wrap : break-word】
      <div id="sample2">
        abcdefghijklmnopqrstuvwxyzあいうえお.
      </div>
    </div>
  </body>
</html>

表示結果

【word-wrap : normal】
abcdefghijklmnopqrstuvwxyzあいうえお.

【word-wrap : break-word】
abcdefghijklmnopqrstuvwxyzあいうえお.

▲PageTop

関連項目

CSS

word-break / white-space

▲PageTop

▲