What is the difference between "word-break: break-all" versus "word-wrap: break-word" in CSS?

css, word-wrap

Solution

The W3 specification that talks about these seem to suggest that `word-break: break-all` is for requiring a particular behaviour with CJK (Chinese, Japanese, and Korean) text, whereas `word-wrap: break-word` is the more general, non-CJK-aware, behaviour.

Problem

What is the difference between "word-break: break-all" and "word-wrap: break-word"? When I used both, they seemed to break the word if it was not fitting the container. But why did W3C make two ways to do it?

Original source