Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-text/word-break/word-break-break-all-020.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: break-all and punctuation</title>
<link rel="match" href="reference/word-break-break-all-020-ref.html">
<meta name="assert" content="work-break:break-all does not affect rules governing the soft wrap opportunities created by punctuation.">
<style>
div {
border: 5px solid;
width: 2em;
}
div:nth-of-type(1) { border-color: blue; }
div:nth-of-type(2) { border-color: green; }
div:nth-of-type(3) { border-color: orange; }
div:nth-of-type(3) { word-break: break-all; }
</style>
<p>Test passes if the text in each of the following 3 boxes is broken into separate lines at the same points.
<div lang=ja>あい）あ（い</div>
<div lang=ja>あ<br>い）<br>あ<br>（い</div>
<div lang=ja>あい）あ（い</div>
<!--
If the first box (blue) is wrong,
customary rules for line breaking japanese are not implemented (or not correctly).
If the third box (orange) is wrong,
customary rules for line breaking japanese are discarded
when applying 'word-break: break-all', which is a spec violation.
-->