Summarized test results:
CSS3 Ruby

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.

These tests check whether user agents correctly apply the properties defined in the CSS-ruby-1 spec. These are simple, user-oriented tests, designed to check basic functionality, rather than test all edge cases and implementation details.

Note that some tests pass because the browser displays the annotations in the same way by default, rather than necessarily because of the application of a CSS property. No special action is taken in these cases, since the result is the same for the user, however there are some exploratory tests below that enable you to see what the default rendering looks like.

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. The tables only show the results of the latest test. The detailed results may show additional tests on earlier versions of the same browser.

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'.

Key:

pass fail partially successful

Results for horizontal text

Note that these test results are for released versions of the browsers tested. Versions that are still in development may provide better support for these features. The tests do not use any vendor prefixes. Tests that do show support for vendor prefixes are listed further down this page.

Exploratory tests

These two tests merely allow you to detect the default behaviour of the browser, in case you wish to compare it against what passes or fails in the other tests.

ruby-position default ruby-position-control-000.html
[Exploratory test] to determine whether and how the browser handles ruby by default.

ruby-align default ruby-align-control-000.html
[Exploratory test] to establish how the browser aligns ruby text by default.

zh-TW default size ruby-position-intercharacter-000.html
[Exploratory test] to determine whether the browser applies special sizing for zh-TW language annotations.


ruby-position

ruby-align

ruby-merge

Dependencies

  1. ruby-merge-collapse-002 and ruby-merge-auto-002 are only significant if the test immediately previous passes. This is because they are testing whether the association of annotation to base text is preserved across line breaks even though the placement would otherwise obscure the relationships.

Ruby autohide

Results for vertical text

ruby-position (vertical text)

Dependencies

  1. All these tests will fail if the top test (defaults/vertical-support-001.html) fails, since that means that the browser doesn't support vertical text.

ruby-align (vertical text)

Dependencies

  1. All these tests will fail if the top test (defaults/vertical-support-001.html) fails, since that means that the browser doesn't support vertical text.

ruby-merge (vertical text)

Dependencies

  1. All these tests will fail if the top test (defaults/vertical-support-001.html) fails, since that means that the browser doesn't support vertical text.
  2. ruby-merge-collapse-102 and ruby-merge-auto-102 are only significant if the test immediately previous passes. This is because they are testing whether the association of annotation to base text is preserved across line breaks even though the placement would otherwise obscure the relationships.

Ruby autohide

Results for prefixed, horizontal

These test results based on CSS that has the following adaptations:

  1. -webkit-ruby-position is used with values set to either before or after
  2. -webkit-writing-modes and writing-modes:tb-rl are used for tests with vertical text.
  3. distributed-letter used in addition to space-between, and distributed-space used in addition to space-around for ruby-align.

ruby-position

ruby-align

ruby-merge

Dependencies

  1. ruby-merge-collapse-002 and ruby-merge-auto-002 are only significant if the test immediately previous passes. This is because they are testing whether the association of annotation to base text is preserved across line breaks even though the placement would otherwise obscure the relationships.

Ruby autohide

Results for prefixed, vertical

These test results based on CSS that has the following adaptations:

  1. -webkit-ruby-position is used with values set to either before or after
  2. -webkit-writing-modes and writing-modes:tb-rl are used for tests with vertical text.
  3. distributed-letter used in addition to space-between, and distributed-space used in addition to space-around for ruby-align.

ruby-position (vertical text)

Dependencies

  1. All these tests will fail if the top test (defaults/vertical-support-001.html) fails, since that means that the browser doesn't support vertical text.

Notes

  1. ruby-position-intercharacter-101/103, Edge 12: The zhuyin characters appear to the right of the base characters due to the vertical orientation of the text, but they don't fit within a single base character height.

ruby-align (vertical text)

Dependencies

  1. All these tests will fail if the top test (defaults/vertical-support-001.html) fails, since that means that the browser doesn't support vertical text.

ruby-merge (vertical text)

Dependencies

  1. All these tests will fail if the top test (defaults/vertical-support-001.html) fails, since that means that the browser doesn't support vertical text.
  2. ruby-merge-collapse-102 and ruby-merge-auto-102 are only significant if the test immediately previous passes. This is because they are testing whether the association of annotation to base text is preserved across line breaks even though the placement would otherwise obscure the relationships.

Ruby autohide