単語の途中などで表示領域の横幅による自動改行を許可するか否かを指定します。元々は word-wrap という名前でしたが、overflow-wrap に名称変更されました。現在では word-wrap は overflow-wrap の別名として定義されています。

類似のプロパティに word-break や hyphens があります。それぞれの動作をまとめると下記のようになります。

• ※1 英語の単語が収まらない場合に、前の単語の末尾で自動改行するか
• ※2 英語の単語が収まらない場合に、単語の途中でも自動改行するか
• ※3 日本語の文章が収まらない場合に、前の文章の文末で自動改行するか
• ※4 日本語の文章が収まらない場合に、単語の途中でも改行するか
• ※5 日本語の場合、句点などの禁則文字を考慮するか
• ※6 ソフトハイフン文字(­)を考慮するか。
• ※7 単語の区切り辞書情報を考慮するか (microsoft は micro と soft から構成されるなど)
• ※8 width: に min-content が指定された場合、横幅が最も小さくなるように自動改行するか

.box {
  width: 12.5rem;
  margin: 1em;
  padding: .2rem;
  border: 1px solid #666666;
  font-size: 10pt;
}
.ow-normal {
  word-wrap: normal;
}
.ow-break-word {
  word-wrap: break-word;
}
.ow-anywhere {
  word-wrap: anywhere;
}
.wb-break-all {
  word-break: break-all;
}
.wb-keep-all {
  word-break: keep-all;
}
.hy-manual {
  hyphens: manual;
}
.hy-auto {
  hyphens: auto;
}

<h5>overflow-wrap: normal</h5>
<div class="box ow-normal">
  <div lang="en">The longest word in the world is pneumonoultramicroscopicsilicovolcanoconiosis.</div>
  <div>これは日本語です。これは日本語です。これは長い長い長い長い長い長い長い日本語です。</div>
  <div>https://example.com/abcd&shy;efghijklmnopqrstuvwxyz</div>
</div>

<h5>overflow-wrap: break-word</h5>
<div class="box ow-break-word">
  <div lang="en">The longest word in the world is pneumonoultramicroscopicsilicovolcanoconiosis.</div>
  <div>これは日本語です。これは日本語です。これは長い長い長い長い長い長い長い日本語です。</div>
  <div>https://example.com/abcd&shy;efghijklmnopqrstuvwxyz</div>
</div>

<h5>overflow-wrap: anywhere</h5>
<div class="box ow-anywhere">
  <div lang="en">The longest word in the world is pneumonoultramicroscopicsilicovolcanoconiosis.</div>
  <div>これは日本語です。これは日本語です。これは長い長い長い長い長い長い長い日本語です。</div>
  <div>https://example.com/abcd&shy;efghijklmnopqrstuvwxyz</div>
</div>

<h5>word-break: break-all</h5>
<div class="box wb-break-all">
  <div lang="en">The longest word in the world is pneumonoultramicroscopicsilicovolcanoconiosis.</div>
  <div>これは日本語です。これは日本語です。これは長い長い長い長い長い長い長い日本語です。</div>
  <div>https://example.com/abcd&shy;efghijklmnopqrstuvwxyz</div>
</div>

<h5>word-break: keep-all</h5>
<div class="box wb-keep-all">
  <div lang="en">The longest word in the world is pneumonoultramicroscopicsilicovolcanoconiosis.</div>
  <div>これは日本語です。これは日本語です。これは長い長い長い長い長い長い長い日本語です。</div>
  <div>https://example.com/abcd&shy;efghijklmnopqrstuvwxyz</div>
</div>

<h5>hyphens: manual</h5>
<div class="box hy-manual">
  <div lang="en">The longest word in the world is pneumonoultramicroscopicsilicovolcanoconiosis.</div>
  <div>これは日本語です。これは日本語です。これは長い長い長い長い長い長い長い日本語です。</div>
  <div>https://example.com/abcd&shy;efghijklmnopqrstuvwxyz</div>
</div>

<h5>hyphens: auto</h5>
<div class="box hy-auto">
  <div lang="en">The longest word in the world is pneumonoultramicroscopicsilicovolcanoconiosis.</div>
  <div>これは日本語です。これは日本語です。これは長い長い長い長い長い長い長い日本語です。</div>
  <div>https://example.com/abcd&shy;efghijklmnopqrstuvwxyz</div>
</div>

• https://developer.mozilla.org/ja/docs/Web/CSS/overflow-wrap
• https://drafts.csswg.org/css-text/#overflow-wrap-property