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 user agents correctly apply the properties defined in the CSS-ruby 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.
The following information describes the default behaviour of the browser, in case you wish to compare it against what passes or fails in the other tests.
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| over ruby-position-over-001.html |
ruby-position:over will make ruby appear over the base in horizontal text. | pass | pass | pass | pass |
| under ruby-position-under-001.html |
ruby-position:under will make ruby appear under the base in horizontal text. | pass | pass | pass | fail |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| over (v) ruby-position-over-101.html |
ruby-position:over will make ruby appear to the right of the base in vertical text, with kana characters upright. | pass | pass | pass | pass |
| over, pinyin (v) ruby-position-over-101-zh-hans.html |
ruby-position:over for vertical text with pinyin annotations will make ruby appear to the right of the base with pinyin characters rotated and running down the page. | pass | pass | pass | partial * |
| under (v) ruby-position-under-101.html |
ruby-position:under will make ruby appear to the left of the base in vertical text, with kana characters upright. | pass | pass | pass | fail |
| under, pinyin (v) ruby-position-under-101-zh-hans.html |
ruby-position:under for vertical text with pinyin annotations will make ruby appear to the left of the base, with pinyin characters rotated and running down the page. | pass | pass | pass | fail |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| inter-character ruby-position-intercharacter-001.html |
ruby-position:inter-character will make zhuyin annotations appear in vertical columns alongside the base in horizontal text. | fail | fail | fail | fail |
| inter-character, tones ruby-position-intercharacter-002.html |
ruby-position:inter-character will make zhuyin non-neutral tone marks appear in the correct relative positions alongside the zhuyin characters in horizontal text. | skipped * | skipped | skipped | skipped * |
| inter-character, neutral tones ruby-position-intercharacter-003.html |
ruby-position:inter-character will make zhuyin neutral tone marks appear above the zhuyin characters in horizontal text. | skipped * | skipped | skipped | skipped * |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| inter-character (v) ruby-position-intercharacter-101.html |
ruby-position:inter-character will make zhuyin annotations appear in vertical columns alongside the base in vertical text. | pass | pass | pass | pass |
| inter-character, tones (v) ruby-position-intercharacter-102.html |
ruby-position:inter-character will make zhuyin non-neutral tone marks appear in the correct relative positions alongside the zhuyin characters in vertical text. | fail | fail | fail | fail |
| inter-character, neutral tones (v) ruby-position-intercharacter-103.html |
ruby-position:inter-character will make zhuyin neutral tone marks appear above the zhuyin characters in vertical text. | partial * | fail | fail | partial * |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| start, long base ruby-align-start-001.html |
ruby-align: start will make ruby content aligned with the start edge of its box. Short ruby text will be flush left and set solid. | pass | fail | fail | fail |
| start, long base, pinyin ruby-align-start-001-zh-hans.html |
ruby-align: start will make Simplified Chinese ruby content aligned with the start edge of its box. Short ruby text will be flush left and set solid. | fail * | fail | fail | fail |
| start, long annotation ruby-align-start-002.html |
ruby-align: start will make ruby content aligned with the start edge of its box. Short base text will be flush left and set solid. | pass | fail | fail | fail |
| start, long annotation, pinyin ruby-align-start-002-zh-hans.html |
ruby-align: start will make Simplified Chinese ruby content aligned with the start edge of its box. Short base text will be flush left and set solid. | pass | fail | fail | fail |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| start, long base (v) ruby-align-start-101.html |
ruby-align: start will make ruby content aligned with the start edge of its box. Short ruby text will be flush with the top of the line and set solid. | pass | fail | fail | fail |
| start, long base, pinyin (v) ruby-align-start-101-zh-hans.html |
ruby-align: start will make Simplified Chinese ruby content aligned with the start edge of its box. Short ruby text will be flush with the top of the line and set solid. | fail * | fail | fail | fail |
| start, long annotation (v) ruby-align-start-102.html |
ruby-align: start will make ruby content aligned with the start edge of its box. Short base text will be flush with the top of the line and set solid. | pass | fail | fail | fail |
| start, long annotation, pinyin (v) ruby-align-start-102-zh-hans.html |
ruby-align: start will make Simplified Chinese ruby content aligned with the start edge of its box. Short base text will be flush with the top of the line and set solid. | pass | fail | fail | fail |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| center, long base ruby-align-center-001.html |
ruby-align:center will centre an annotation shorter than the base text, and set it solid. | pass | fail | fail | fail |
| center, long base, pinyin ruby-align-center-001-zh-hans.html |
ruby-align:center will centre a Simplified Chinese annotation shorter than the base text, and set it solid. | pass | pass | pass | partial * |
| center, long annotation ruby-align-center-002.html |
ruby-align:center will centre base text shorter than the annotation, and set it solid. | pass | fail | fail | fail |
| center, long annotation, pinyin ruby-align-center-002-zh-hans.html |
ruby-align:center will centre Simplified Chinese base text shorter than the annotation, and set it solid. | pass | fail | fail | fail |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| center, long base (v) ruby-align-center-101.html |
ruby-align:center will centre an annotation shorter than the base text, and set it solid. | pass | fail | fail | fail |
| center, long base, pinyin (v) ruby-align-center-101-zh-hans.html |
ruby-align:center will centre a Simplified Chinese annotation shorter than the base text, and set it solid. | pass | pass | pass | partial |
| center, long annotation (v) ruby-align-center-102.html |
ruby-align:center will centre base text shorter than the annotation, and set it solid. | pass | fail | fail | fail |
| center, long annotation, pinyin (v) ruby-align-center-102-zh-hans.html |
ruby-align:center will centre Simplified Chinese base text shorter than the annotation, and set it solid. | pass | fail | fail | fail |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| space-between, long base ruby-align-space-between-001.html |
For a wide-cell annotation shorter than its base, ruby-align:space-between adds equal space between annotation characters, with no extra space either side. | pass | fail | fail | fail |
| space-between, long annotation ruby-align-space-between-002.html |
For a wide-cell base shorter than its annotation, ruby-align:space-between adds equal space base between characters, with no extra space either side. | pass | fail | fail | fail |
| space-between, long base, one word latin annotation ruby-align-space-between-003.html |
For a narrow-cell annotation containing no spaces over a wider base, ruby-align:space-between will centre the annotation. | pass | pass | pass | pass |
| space-between, long base, multiword latin annotation ruby-align-space-between-004.html |
For a narrow-cell annotation with multiple words over a wider base, ruby-align: space-between will justify the words, with no extra space either side. | pass | fail | fail | fail |
| ruby-align:space-between, long annotation, one word latin base ruby-align-space-between-006.html |
For a narrow-cell base containing no spaces that is shorter than its annotation, ruby-align:space-between will centre the base. | pass | pass | pass | pass |
| ruby-align:space-between, long annotation, multiword latin base ruby-align-space-between-007.html |
For a narrow-cell base with multiple words that is shorter than its annotation, ruby-align:space-between will justify the words, with no extra space either side. | pass | fail | fail | fail |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| space-between, long base (v) ruby-align-space-between-101.html |
For a wide-cell annotation shorter than its base, ruby-align:space-between adds equal space between annotation characters, with no extra space either side. | pass | fail | fail | fail |
| space-between, long annotation (v) ruby-align-space-between-102.html |
For a wide-cell base shorter than its annotation, ruby-align:space-between adds equal space base between characters, with no extra space either side. | pass | fail | fail | fail |
| space-between, long base, one word latin annotation (v) ruby-align-space-between-103.html |
For a narrow-cell annotation containing no spaces over a wider base, ruby-align:space-between will centre the annotation. | pass | pass | pass | pass |
| space-between, long base, multiword latin annotation (v) ruby-align-space-between-104.html |
For a narrow-cell annotation with multiple words over a wider base, ruby-align: space-between will justify the words, with no extra space either side. | pass | fail | fail | fail |
| ruby-align:space-between, long annotation, one word latin base (v) ruby-align-space-between-106.html |
For a narrow-cell base containing no spaces that is shorter than its annotation, ruby-align:space-between will centre the base. | pass | pass | pass | pass |
| ruby-align:space-between, long annotation, multiword latin base (v) ruby-align-space-between-107.html |
For a narrow-cell base with multiple words that is shorter than its annotation, ruby-align:space-between will justify the words, with no extra space either side. | pass | fail | fail | fail |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| space-around, long base ruby-align-space-around-001.html |
For a wide-cell annotation shorter than its base, ruby-align:space-around adds equal space between annotation characters, with a half-character space either side. | pass | pass | pass | pass |
| space-around, long annotation ruby-align-space-around-002.html |
For a wide-cell base shorter than its annotation, ruby-align:space-around adds equal space base between characters, with a half-character space either side. | pass | pass | pass | pass |
| space-around, long base, one word latin annotation ruby-align-space-around-003.html |
For a narrow-cell annotation containing no spaces over a wider base, ruby-align:space-around will centre the annotation. | pass | pass | pass | pass |
| space-around, long base, multiword latin annotation ruby-align-space-around-004.html |
For a narrow-cell annotation with multiple words over a wider base, ruby-align: space-around will justify the words, with a small amount of space either side. | pass | pass | pass | pass |
| ruby-align:space-around, long annotation, one word latin base ruby-align-space-around-006.html |
For a narrow-cell base containing no spaces that is shorter than its annotation, ruby-align:space-around will centre the base. | pass | pass | pass | pass |
| ruby-align:space-around, long annotation, multiword latin base ruby-align-space-around-007.html |
For a narrow-cell base with multiple words that is shorter than its annotation, ruby-align:space-around will justify the words, with a small amount of space either side. | pass | pass | pass | pass |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| space-around, long base (v) ruby-align-space-around-101.html |
For a wide-cell annotation shorter than its base, ruby-align:space-around adds equal space between annotation characters, with a half-character space either side. | pass | pass | pass | pass |
| space-around, long annotation (v) ruby-align-space-around-102.html |
For a wide-cell base shorter than its annotation, ruby-align:space-around adds equal space base between characters, with a half-character space either side. | pass | pass | pass | pass |
| space-around, long base, one word latin annotation (v) ruby-align-space-around-103.html |
For a narrow-cell annotation containing no spaces over a wider base, ruby-align:space-around will centre the annotation. | pass | pass | pass | pass |
| space-around, long base, multiword latin annotation (v) ruby-align-space-around-104.html |
For a narrow-cell annotation with multiple words over a wider base, ruby-align: space-around will justify the words, with a small amount of space either side. | pass | pass | pass | pass |
| ruby-align:space-around, long annotation, one word latin base (v) ruby-align-space-around-106.html |
For a narrow-cell base containing no spaces that is shorter than its annotation, ruby-align:space-around will centre the base. | pass | pass | pass | pass |
| ruby-align:space-around, long annotation, multiword latin base (v) ruby-align-space-around-107.html |
For a narrow-cell base with multiple words that is shorter than its annotation, ruby-align:space-around will justify the words, with a small amount of space either side. | pass | pass | pass | pass |
Spec links for this table: link
Dependencies
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| separate ruby-merge-separate-001.html |
ruby-merge:separate will render each annotation in the same column as its base text. | pass | pass | pass | pass |
| collapse ruby-merge-collapse-001.html |
ruby-merge:collapse will render all annotations evenly across the base text. | fail | fail | fail | fail |
| collapse, line break ruby-merge-collapse-002.html |
When a line break occurs between base characters while applying ruby-merge:collapse, ruby annotations are kept together with their respective ruby bases. | skipped | skipped | skipped | skipped |
| auto ruby-merge-auto-001.html |
[Exploratory test] ruby-merge:auto produces a distribution of annotation text across base text as described in JLREQ for jukugo-ruby. | fail | fail | fail | fail |
| auto, line break ruby-merge-auto-002.html |
When a line break occurs between base characters while applying ruby-merge:auto, ruby annotations are kept together with their respective ruby bases. | pass | pass | pass | pass |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| separate (v) ruby-merge-separate-101.html |
ruby-merge:separate will render each annotation in the same column as its base text. | pass | pass | pass | pass |
| collapse (v) ruby-merge-collapse-101.html |
ruby-merge:collapse will render all annotations evenly across the base text. | fail | fail | fail | fail |
| collapse, line break (v) ruby-merge-collapse-102.html |
When a line break occurs between base characters while applying ruby-merge:collapse, ruby annotations are kept together with their respective ruby bases. | skipped * | skipped | skipped | skipped |
| auto (v) ruby-merge-auto-101.html |
[Exploratory test] ruby-merge:auto produces a distribution of annotation text across base text as described in JLREQ for jukugo-ruby. | fail | fail | fail | fail |
| auto, line break (v) ruby-merge-auto-102.html |
When a line break occurs between base characters while applying ruby-merge:auto, ruby annotations are kept together with their respective ruby bases. | pass | pass | pass | pass |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| ruby autohide ruby-autohide-001.html |
If a ruby annotation has the exact same text content as its base, it is hidden. | pass | fail | fail | fail |
| ruby autohide (v) ruby-autohide-101.html |
If a ruby annotation has the exact same text content as its base, it is hidden. | pass | fail | fail | fail |
Spec links for this table: link
These test results based on CSS that has the following adaptations:
-webkit-ruby-position is used with values set to either before or after-webkit-writing-modes and writing-modes:tb-rl are used for tests with vertical text.distributed-letter used in addition to space-between, and distributed-space used in addition to space-around for ruby-align.| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| [P] -webkit-ruby-position before ruby-position-over-001.html |
The addition of -webkit-ruby-position:before will make ruby appear over the base in horizontal text. | pass | pass | pass | pass |
| [P] -webkit-ruby-position after ruby-position-under-001.html |
The addition of -webkit-ruby-position:after will make ruby appear under the base in horizontal text. | pass | pass | pass | pass |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| [P] -webkit-ruby-position before (v) ruby-position-over-101.html |
The addition of -webkit-ruby-position:before will make ruby appear to the right of the base in vertical text. | pass | pass | pass | pass |
| [P] -webkit-ruby-position after (v) ruby-position-under-101.html |
The addition of -webkit-ruby-position:after will make ruby appear to the left of the base in vertical text. | pass | pass | pass | pass |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| [P] ruby-align:left, long base ruby-align-start-001.html |
The addition of ruby-align:left will make ruby content aligned with the start edge of its box. Short ruby text will be flush left and set solid. | pass | fail | fail | fail |
| [P] ruby-align:left, long annotation ruby-align-start-002.html |
The addition of ruby-align:left will make ruby content aligned with the start edge of its box. Short base text will be flush left and set solid. | pass | fail | fail | fail |
| distribute-letter, long base ruby-align-space-between-001.html |
For a wide-cell annotation shorter than its base, ruby-align:distribute-letter adds equal space between annotation characters, with no extra space either side. | pass | fail | fail | fail |
| distribute-letter, long annotation ruby-align-space-between-002.html |
For a wide-cell base shorter than its annotation, ruby-align:distribute-letter adds equal space base between characters, with no extra space either side. | pass | fail | fail | fail |
| distribute-letter, long base, one word latin annotation ruby-align-space-between-003.html |
For a narrow-cell annotation containing no spaces over a wider base, ruby-align:distribute-letter will centre the annotation. | pass | pass | pass | pass |
| distribute-letter, long base, multiword latin annotation ruby-align-space-between-004.html |
For a narrow-cell annotation with multiple words over a wider base, ruby-align: distribute-letter will justify the words, with no extra space either side. | pass | fail | fail | fail |
| [P] ruby-align:distribute-letter, long annotation, one word latin base ruby-align-space-between-006.html |
For a narrow-cell base containing no spaces that is shorter than its annotation, ruby-align:distribute-letter will centre the base. | pass | pass | pass | pass |
| [P] ruby-align:distribute-letter, long annotation, multiword latin base ruby-align-space-between-007.html |
For a narrow-cell base with multiple words that is shorter than its annotation, ruby-align:distribute-letter will justify the words, with no extra space either side. | pass | fail | fail | fail |
| [P] ruby-align:distribute-space, long base ruby-align-space-around-001.html |
For a wide-cell annotation shorter than its base, ruby-align:distribute-space adds equal space between annotation characters, with a half-character space either side. | pass | pass | pass | pass |
| [P] ruby-align:distribute-space, long annotation ruby-align-space-around-002.html |
For a wide-cell base shorter than its annotation, ruby-align:distribute-space adds equal space base between characters, with a half-character space either side. | pass | pass | pass | pass |
| [P] ruby-align:distribute-space, long base, one word latin annotation ruby-align-space-around-003.html |
For a narrow-cell annotation containing no spaces over a wider base, ruby-align:distribute-space will centre the annotation. | pass | pass | pass | pass |
| [P] ruby-align:distribute-space, long base, multiword latin annotation ruby-align-space-around-004.html |
For a narrow-cell annotation with multiple words over a wider base, ruby-align:distribute-space will justify the words, with a small amount of space either side. | pass | pass | pass | pass |
| [P] ruby-align:distribute-space, long annotation, one word latin base ruby-align-space-around-006.html |
For a narrow-cell base containing no spaces that is shorter than its annotation, ruby-align:distribute-space will centre the base. | pass | pass | pass | pass |
| [P] ruby-align:distribute-space, long annotation, multiword latin base ruby-align-space-around-007.html |
For a narrow-cell base with multiple words that is shorter than its annotation, ruby-align:distribute-space will justify the words, with a small amount of space either side. | pass | pass | pass | pass |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| [P] ruby-align:left, long base (v) ruby-align-start-101.html |
The addition of ruby-align:left will make ruby content aligned with the start edge of its box. Short ruby text will be flush left and set solid. | pass | fail | fail | fail |
| [P] ruby-align:left, long annotation (v) ruby-align-start-102.html |
The addition of ruby-align:left will make ruby content aligned with the start edge of its box. Short base text will be flush left and set solid. | pass | fail | fail | fail |
| distribute-letter, long base (v) ruby-align-space-between-101.html |
For a wide-cell annotation shorter than its base, ruby-align:distribute-letter adds equal space between annotation characters, with no extra space either side. | pass | fail | fail | fail |
| distribute-letter, long annotation (v) ruby-align-space-between-102.html |
For a wide-cell base shorter than its annotation, ruby-align:distribute-letter adds equal space base between characters, with no extra space either side. | pass | fail | fail | fail |
| distribute-letter, long base, one word latin annotation (v) ruby-align-space-between-103.html |
For a narrow-cell annotation containing no spaces over a wider base, ruby-align:distribute-letter will centre the annotation. | pass | pass | pass | pass |
| distribute-letter, long base, multiword latin annotation (v) ruby-align-space-between-104.html |
For a narrow-cell annotation with multiple words over a wider base, ruby-align: distribute-letter will justify the words, with no extra space either side. | pass | fail | fail | fail |
| [P] ruby-align:distribute-letter, long annotation, one word latin base (v) ruby-align-space-between-106.html |
For a narrow-cell base containing no spaces that is shorter than its annotation, ruby-align:distribute-letter will centre the base. | pass | pass | pass | pass |
| [P] ruby-align:distribute-letter, long annotation, multiword latin base (v) ruby-align-space-between-107.html |
For a narrow-cell base with multiple words that is shorter than its annotation, ruby-align:distribute-letter will justify the words, with no extra space either side. | pass | fail | fail | fail |
| [P] ruby-align:distribute-space, long base (v) ruby-align-space-around-101.html |
For a wide-cell annotation shorter than its base, ruby-align:distribute-space adds equal space between annotation characters, with a half-character space either side. | pass | pass | pass | pass |
| [P] ruby-align:distribute-space, long annotation (v) ruby-align-space-around-102.html |
For a wide-cell base shorter than its annotation, ruby-align:distribute-space adds equal space base between characters, with a half-character space either side. | pass | pass | pass | pass |
| [P] ruby-align:distribute-space, long base, one word latin annotation (v) ruby-align-space-around-103.html |
For a narrow-cell annotation containing no spaces over a wider base, ruby-align:distribute-space will centre the annotation. | pass | pass | pass | pass |
| [P] ruby-align:distribute-space, long base, multiword latin annotation (v) ruby-align-space-around-104.html |
For a narrow-cell annotation with multiple words over a wider base, ruby-align:distribute-space will justify the words, with a small amount of space either side. | pass | pass | pass | pass |
| [P] ruby-align:distribute-space, long annotation, one word latin base (v) ruby-align-space-around-106.html |
For a narrow-cell base containing no spaces that is shorter than its annotation, ruby-align:distribute-space will centre the base. | pass | pass | pass | pass |
| [P] ruby-align:distribute-space, long annotation, multiword latin base (v) ruby-align-space-around-107.html |
For a narrow-cell base with multiple words that is shorter than its annotation, ruby-align:distribute-space will justify the words, with a small amount of space either side. | pass | pass | pass | pass |
Spec links for this table: link
Dependencies
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| separate ruby-merge-separate-001.html |
ruby-merge:separate will render each annotation in the same column as its base text. | pass | pass | pass | pass |
| collapse ruby-merge-collapse-001.html |
ruby-merge:collapse will render all annotations evenly across the base text. | fail | fail | fail | fail |
| collapse, line break ruby-merge-collapse-002.html |
When a line break occurs between base characters while applying ruby-merge:collapse, ruby annotations are kept together with their respective ruby bases. | pass | pass | pass | pass |
| auto ruby-merge-auto-001.html |
[Exploratory test] ruby-merge:auto produces a distribution of annotation text across base text as described in JLREQ. | fail | fail | fail | fail |
| auto, line break ruby-merge-auto-002.html |
When a line break occurs between base characters while applying ruby-merge:auto, ruby annotations are kept together with their respective ruby bases. | pass | pass | pass | pass |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| separate (v) ruby-merge-separate-101.html |
ruby-merge:separate will render each annotation in the same column as its base text. | pass | pass | pass | fail |
| collapse (v) ruby-merge-collapse-101.html |
ruby-merge:collapse will render all annotations evenly across the base text. | fail | fail | fail | pass |
| collapse, line break (v) ruby-merge-collapse-102.html |
When a line break occurs between base characters while applying ruby-merge:collapse, ruby annotations are kept together with their respective ruby bases. | pass | pass | pass | pass |
| auto (v) ruby-merge-auto-101.html |
[Exploratory test] ruby-merge:auto produces a distribution of annotation text across base text as described in JLREQ. | fail | fail | fail | fail |
| auto, line break (v) ruby-merge-auto-102.html |
When a line break occurs between base characters while applying ruby-merge:auto, ruby annotations are kept together with their respective ruby bases. | pass | pass | pass | pass |
Spec links for this table: link
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| ruby autohide ruby-autohide-001.html |
If a ruby annotation has the exact same text content as its base, it is hidden. | pass | fail | fail | fail |
| ruby autohide (v) ruby-autohide-101.html |
If a ruby annotation has the exact same text content as its base, it is hidden. | pass | fail | fail | fail |
Spec links for this table: link
CSS Ruby Layout Module Level 1 (editor's copy)