Summarized test results:
CSS3 Text, hyphens

Intended audience: users, HTML coders, script developers, CSS coders, Web project managers, and anyone who wants to know whether browsers support the CSS Ruby spec.

Updated

These tests check whether user agents correctly apply the property hyphens per the CSS-text-3 spec. The hyphens property with the auto value requires access to language-specific hyphenation resources. These tests don't examine behavior on a language-by-language basis, but assume the availability of an English hyphenation resource to test general principles. For more information about language support, see the table in the MDN documentation.

To see the test, click on the link in the left-most column. To see detailed results for a single test, click on a row and look just above the table. The detailed results show the date(s) the test result was recorded, and the version of the browser tested.

Any dependencies are shown in notes above the table, and notes below the table will usually provide any additional useful information, including an explanation of why a result was marked as 'partially successful'.

Results for prefixed keywords use -moz, -webkit and -ms. They are, however, for released versions of the browsers tested.

Key:

pass fail partially successful

hyphens: auto

Dependencies

  1. If the test hyphens-auto-001 fails, then the results of the remaining tests in this section can be ignored.
  2. hyphens-auto-006 can be ignored If the test hyphens-auto-005 fails to produce evidence of support for Arabic hyphenation.
Links to run testsAssertionsGecko FirefoxBlink ChromeBlink OperaWebkit SafariLegacy EdgeIE
hyphens:auto
hyphens-auto-001.html
hyphens:auto means words may be broken at hyphenation opportunities determined automatically by a language-appropriate hyphenation resource. failfailfailfailfailfail
hyphens:auto, with soft hyphen
hyphens-auto-002.html
Automatic hyphenation opportunities within a word must be ignored if the word contains a conditional hyphen (­ or U+00AD), in favor of the conditional hyphen(s). passpasspasspasspasspass
hyphens:auto, no language
hyphens-auto-003.html
The UA is only required to automatically hyphenate text for which the content language is known. passpasspasspasspasspass
hyphens:auto, lang=""
hyphens-auto-004.html
The UA is only required to automatically hyphenate text for which the content language is known. passpasspasspasspasspass
hyphens:auto, arabic hyphenation
hyphens-auto-005.html
hyphens:auto means words may be broken at hyphenation opportunities determined automatically by a language-appropriate hyphenation resource This control test checks for arabic hyphenation support. failfailfailfailfailfail
hyphens:auto, arabic joining
hyphens-auto-006.html
When shaping scripts such as Arabic are allowed to break within words due to hyphenation, the characters must still be shaped as if the word were not broken. failfailfailfailfailfail

Notes

  1. hyphens-auto-001: This is a slightly difficult test to create in a generic fashion, since one has to assume that a hyphenation resource is available for the language of the text, and you don't know which words are identified by that resource for hyphenation, or what the rules are. Hopefully the selection of words chosen in this test, and the choice of English, will produce at least some hyphenation.

Proprietary syntax

Dependencies

  1. See above.
Links to run testsAssertionsGecko FirefoxBlink ChromeBlink OperaWebkit SafariLegacy EdgeIE
hyphens:auto
hyphens-auto-001.html
hyphens:auto means words may be broken at hyphenation opportunities determined automatically by a language-appropriate hyphenation resource. passfailfailpasspasspass
hyphens:auto, with soft hyphen
hyphens-auto-002.html
Automatic hyphenation opportunities within a word must be ignored if the word contains a conditional hyphen (­ or U+00AD), in favor of the conditional hyphen(s). failpasspassfailpasspass
hyphens:auto, no language
hyphens-auto-003.html
The UA is only required to automatically hyphenate text for which the content language is known. passpasspassfailfailfail
hyphens:auto, lang=""
hyphens-auto-004.html
The UA is only required to automatically hyphenate text for which the content language is known. passpasspassfailpasspass
hyphens:auto, arabic hyphenation
hyphens-auto-005.html
hyphens:auto means words may be broken at hyphenation opportunities determined automatically by a language-appropriate hyphenation resource This control test checks for arabic hyphenation support. failfailfailfailfailfail
hyphens:auto, arabic joining
hyphens-auto-006.html
When shaping scripts such as Arabic are allowed to break within words due to hyphenation, the characters must still be shaped as if the word were not broken. failfailfailfailfailfail

Notes

  1. See above.

hyphens: manual

Dependencies

  1. hyphens-manual-002 can be ignored If the test hyphens-auto-001 fails or doesn't produce hyphenation for the word 'opportunities', since the same result would be produced in the absence of auto-hyphenation.
Links to run testsAssertionsGecko FirefoxBlink ChromeBlink OperaWebkit SafariLegacy EdgeIE
hyphens:manual
hyphens-manual-001.html
hyphens:manual means words are hyphenated where there are characters inside the word that explicitly suggest hyphenation opportunities. passpasspasspasspasspass
hyphens:manual, no soft hyphen
hyphens-manual-002.html
hyphens:manual means words are ONLY hyphenated where there are characters inside the word that explicitly suggest hyphenation opportunities. passpasspasspasspasspass
hyphens:manual, soft hyphens hidden by default
hyphens-manual-003.html
When a word is not broken the UA will not display a hyphen-like glyph inside a word containing soft hyphens. passpasspasspasspasspass
hyphens:manual, arabic joining
hyphens-manual-004.html
When shaping scripts such as Arabic are allowed to break within words due to hyphenation, the characters must still be shaped as if the word were not broken. passfailfailfailfailfail

Notes

  1. hyphens-manual-002 relies on hypenation rules being available for the word 'opportunities'.  It is difficult to predict what words would produce the desired effect in all browsers, but this seems to have as many chances as the others. If test hyphens-auto-001 produces hyphenation for the word 'opportunities', however, this test will show whether the assertion holds.

Proprietary syntax

Dependencies

  1. See above.
Links to run testsAssertionsGecko FirefoxBlink ChromeBlink OperaWebkit SafariLegacy EdgeIE
hyphens:manual
hyphens-manual-001.html
hyphens:manual means words are hyphenated where there are characters inside the word that explicitly suggest hyphenation opportunities. passpasspasspasspasspass
hyphens:manual, no soft hyphen
hyphens-manual-002.html
hyphens:manual means words are ONLY hyphenated where there are characters inside the word that explicitly suggest hyphenation opportunities. passpasspasspasspasspass
hyphens:manual, soft hyphens hidden by default
hyphens-manual-003.html
When a word is not broken the UA will not display a hyphen-like glyph inside a word containing soft hyphens. passpasspasspasspasspass
hyphens:manual, arabic joining
hyphens-manual-004.html
When shaping scripts such as Arabic are allowed to break within words due to hyphenation, the characters must still be shaped as if the word were not broken. passfailfailfailfailfail

Notes

  1. See above.

hyphens: none

Links to run testsAssertionsGecko FirefoxBlink ChromeBlink OperaWebkit SafariLegacy EdgeIE
hyphens:none
hyphens-none-001.html
hyphens:none means words are not hyphenated. passpasspasspasspasspass
hyphens:none, soft-hyphens
hyphens-none-002.html
hyphens:none means words are not hyphenated, even if characters inside the word explicitly define hyphenation opportunities. failfailfailfailfailfail

Proprietary syntax

Dependencies

  1. hyphens-none-001 can be ignored If the test hyphens-auto-001 fails to produce evidence of support for hyphenation, since it would be the default behavior anyway.
Links to run testsAssertionsGecko FirefoxBlink ChromeBlink OperaWebkit SafariLegacy EdgeIE
hyphens:none
hyphens-none-001.html
hyphens:none means words are not hyphenated. passpasspasspasspasspass
hyphens:none, soft-hyphens
hyphens-none-002.html
hyphens:none means words are not hyphenated, even if characters inside the word explicitly define hyphenation opportunities. passfailfailpasspasspass