To run the test, or to see detailed, per character, results, click on the link in the left-most column. To see detailed results click on a row and look just above the table.
| Key: | pass | fail | partially successful |
|---|
Updated
These tests check whether browsers support language-specific properties of the line-break property as described in rules listed in the CSS Text spec.
The line-break property specifies the strictness of line-breaking rules applied within an element: especially how wrapping interacts with punctuation and symbols. Values include loose, normal, and strict. The tests on this page look specifically at the impact of these values for text labelled as either Japanese or Chinese.
Essentially, all these tests are about whether a break opportunity can appear immediately before a given character, or whether the character sticks to the previous character when wrapped to the next line. The answer depends on the type of character and the CSS values applied.
Characters with the Unicode Line Break property CJ include Japanese small kana and the Katakana-Hiragana prolonged sound mark. In strict mode, break opportunities before these characters are forbidden. In other modes, they are allowed.
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| line-break:strict, Conditional Japanese Starter (CJ) (ja) css-text-line-break-ja-cj-strict.html |
With line-break:strict, a browser will NOT allow a conditional Japanese starter at the beginning of a line. | pass | pass | pass | pass | pass |
| Line-break:normal, Conditional Japanese Starter (CJ) (ja) css-text-line-break-ja-cj-normal.html |
The browser allows a conditional Japanese starter at the beginning of a line. | pass | pass | pass | pass | pass |
| Line-break:loose, Conditional Japanese Starter (CJ) (ja) css-text-line-break-ja-cj-loose.html |
The browser allows a conditional Japanese starter at the beginning of a line. | pass | pass | pass | pass | fail |
Spec links for this table: link
The CSS spec contains Japanese-specific rules for break opportunities before hyphens, iteration marks, inseparable characters, centred punctuation, and characters with the property PO (Punctuation, Other) with an East Asian width of A, F, or W.
In strict mode, break opportunities are forbidden before all the above mentioned types of character.
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| hyphens (strict,ja) css-text-line-break-ja-hyphens-strict.html |
When the language is Japanese, and line-break:strict, a browser will NOT allow a break before a hyphen. | pass | pass | pass | pass | partial |
| iteration (strict,ja) css-text-line-break-ja-iteration-strict.html |
When the language is Japanese, and line-break:strict, a browser will NOT allow a break before an iteration mark. | pass | pass | pass | pass | pass |
| IN (strict,ja) css-text-line-break-ja-in-strict.html |
When the language is Japanese, and line-break:strict, a browser will NOT allow a break before an inseparable character. | pass | pass | pass | pass | partial |
| centred punctuation (strict,ja) css-text-line-break-ja-cpm-strict.html |
When the language is Japanese, and line-break:strict, a browser will NOT allow a break before one of the centred punctuation characters listed. | pass | pass | pass | pass | partial |
| PO AFW (strict,ja) css-text-line-break-ja-po-strict.html |
When the language is Japanese, and line-break:strict, a browser will NOT allow a break before a PO character with East Asian Width of A, F, or W. | pass | pass | pass | pass | partial |
Spec links for this table: link
In normal mode, break opportunities are allowed before hyphens, but forbidden before all the other types of character mentioned above.
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| hyphens (normal,ja) css-text-line-break-ja-hyphens-normal.html |
When the language is Japanese, and line-break:normal, a browser allows a break before a hyphen. | pass | pass | pass | pass | partial |
| iteration (normal,ja) css-text-line-break-ja-iteration-normal.html |
When the language is Japanese, and line-break:normal, a browser will NOT allow a break before an iteration mark. | pass | pass | pass | pass | pass |
| IN (normal,ja) css-text-line-break-ja-in-normal.html |
When the language is Japanese, and line-break:normal, a browser will NOT allow a break before an inseparable character. | pass | pass | pass | pass | partial |
| centred punctuation (normal,ja) css-text-line-break-ja-cpm-normal.html |
When the language is Japanese, and line-break:normal, a browser will NOT allow a break before one of the centred punctuation characters listed. | pass | pass | pass | pass | partial |
| PO AFW (normal,ja) css-text-line-break-ja-po-normal.html |
When the language is Japanese, and line-break:normal, a browser will NOT allow a break before a PO character with East Asian Width of A, F, or W. | pass | pass | pass | pass | partial |
Spec links for this table: link
In loose mode, break opportunities are allowed before all the above mentioned types of character.
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| hyphens (loose,ja) css-text-line-break-ja-hyphens-loose.html |
When the language is Japanese, and line-break:loose, a browser allows a break before a hyphen. | pass | pass | pass | pass | partial |
| iteration (loose,ja) css-text-line-break-ja-iteration-loose.html |
When the language is Japanese, and line-break:loose, a browser allows a break before an iteration mark. | pass | pass | pass | pass | fail |
| IN (loose,ja) css-text-line-break-ja-in-loose.html |
When the language is Japanese, and line-break:loose, a browser allows a break before an inseparable character. | pass | fail | fail | fail | partial |
| centred punctuation (loose,ja) css-text-line-break-ja-cpm-loose.html |
When the language is Japanese, and line-break:loose, a browser allows a break before one of the centred punctuation characters listed. | pass | pass | pass | pass | partial |
| PO AFW (loose,ja) css-text-line-break-ja-po-loose.html |
When the language is Japanese, and line-break:loose, a browser allows a break before a PO character with East Asian Width of A, F, or W. | pass | pass | pass | pass | fail |
Spec links for this table: link
The CSS spec contains Chinese-specific rules for break opportunities before hyphens, iteration marks, inseparable characters, centred punctuation, and characters with the property PO (Punctuation, Other) with an East Asian width of A, F, or W.
In strict mode, break opportunities are forbidden before all the above mentioned types of character.
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| hyphens (strict,zh) css-text-line-break-zh-hyphens-strict.html |
When the language is Chinese, and line-break:strict, a browser will NOT allow a break before a hyphen. | pass | pass | pass | pass | partial |
| iteration (strict,zh) css-text-line-break-zh-iteration-strict.html |
When the language is Chinese, and line-break:strict, a browser will NOT allow a break before an iteration mark. | pass | pass | pass | pass | pass |
| IN (strict,zh) css-text-line-break-zh-in-strict.html |
When the language is Chinese, and line-break:strict, a browser will NOT allow a break before an inseparable character. | pass | pass | pass | pass | partial |
| centred punctuation (strict,zh) css-text-line-break-zh-cpm-strict.html |
When the language is Chinese, and line-break:strict, a browser will NOT allow a break before one of the centred punctuation characters listed. | pass | pass | pass | pass | partial |
| PO AFW (strict,zh) css-text-line-break-zh-po-strict.html |
When the language is Chinese, and line-break:strict, a browser will NOT allow a break before a PO character with East Asian Width of A, F, or W. | pass | pass | pass | pass | pass |
Spec links for this table: link
In normal mode, break opportunities are allowed before hyphens, but forbidden before all the other types of character mentioned above.
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| hyphens (normal,zh) css-text-line-break-zh-hyphens-normal.html |
When the language is Chinese, and line-break:normal, a browser allows a break before a hyphen. | pass | pass | pass | pass | partial |
| iteration (normal,zh) css-text-line-break-zh-iteration-normal.html |
When the language is Chinese, and line-break:normal, a browser will NOT allow a break before an iteration mark. | pass | pass | pass | pass | pass |
| IN (normal,zh) css-text-line-break-zh-in-normal.html |
When the language is Chinese, and line-break:normal, a browser will NOT allow a break before an inseparable character. | pass | pass | pass | pass | partial |
| centred punctuation (normal,zh) css-text-line-break-zh-cpm-normal.html |
When the language is Chinese, and line-break:normal, a browser will NOT allow a break before one of the centred punctuation characters listed. | pass | pass | pass | pass | partial |
| PO AFW (normal,zh) css-text-line-break-zh-po-normal.html |
When the language is Chinese, and line-break:normal, a browser will NOT allow a break before a PO character with East Asian Width of A, F, or W. | pass | pass | pass | pass | pass |
Spec links for this table: link
In loose mode, break opportunities are allowed before all the above mentioned types of character.
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari | Legacy Edge |
|---|---|---|---|---|---|---|
| hyphens (loose,zh) css-text-line-break-zh-hyphens-loose.html |
When the language is Chinese, and line-break:loose, a browser allows a break before a hyphen. | pass | pass | pass | pass | partial |
| iteration (loose,zh) css-text-line-break-zh-iteration-loose.html |
When the language is Chinese, and line-break:loose, a browser allows a break before an iteration mark. | pass | pass | pass | pass | fail |
| IN (loose,zh) css-text-line-break-zh-in-loose.html |
When the language is Chinese, and line-break:loose, a browser allows a break before an inseparable character. | pass | fail | fail | fail | partial |
| centred punctuation (loose,zh) css-text-line-break-zh-cpm-loose.html |
When the language is Chinese, and line-break:loose, a browser allows a break before one of the centred punctuation characters listed. | pass | pass | pass | pass | partial |
| PO AFW (loose,zh) css-text-line-break-zh-po-loose.html |
When the language is Chinese, and line-break:loose, a browser allows a break before a PO character with East Asian Width of A, F, or W. | pass | pass | pass | pass | fail |
Spec links for this table: link