This page is served as text/html. It tests for proprietary extensions for ruby support in pages coded as XHTML 1.0. Ruby markup is not defined as part of the HTML 4.01 or XHTML 1.0 specifications.
No CSS ruby styling is used.
You will need a Japanese font for the glyphs in these tests.
Objective: Is the ruby text positioned over the base text without parentheses? If not, does the ruby text appear in parentheses.
Description: Markup is これは<ruby><rb>日本語</rb><rp>(</rp><rt>にほんご</rt><rp>)</rp></ruby>です。 Note the rp elements. The Ruby Annotation spec recommends non-normatively that, in the absence of other style information, simple ruby markup should place the ruby text before (ie. above in this case) the base text. This is also the initial value for the CSS3 Ruby Module draft.
Check looks the same (apart from font differences).
これは
If the above two frames do not look the same, check that the expected fall-back position is the same as the graphic below.
Objective: If the ruby text is longer than the base text, does the base text spread out, as described by the distribute-space property of the CSS3 Ruby Module?
Description: Markup is これは<ruby><rb>日本語</rb><rp>(</rp><rt>にほんごにほんごにほんご</rt><rp>)</rp></ruby>です。 The ruby text is much longer than the underlying base text. The expectation of rendering behavior is based on the initial value for ruby-align for wide cell ruby in the CSS3 Ruby Module (ie. distribute-space). The Ruby Annotation spec does not address this.
Check looks the same (apart from font differences).
これは
If the above two frames do not look the same, check that the expected fall-back position is the same as the graphic below.
Objective: If the ruby text is shorter than the base text and composed of wide character text (here hiragana), is the ruby text centered and spread out, as described by the distribute-space property of the CSS3 Ruby Module?
Description: Markup is これは<ruby><rb>日本語</rb><rp>(</rp><rt>にほ</rt><rp>)</rp></ruby>です。 The ruby text is much shorter than the underlying base text. The expectation of rendering behavior is based on the initial value for ruby-align for wide-cell ruby in the CSS3 Ruby Module (ie. distribute-space). The Ruby Annotation spec does not address this.
Check looks the same (apart from font differences).
これは
If the above two frames do not look the same, check that the expected fall-back position is the same as the graphic below.
Objective: If the ruby text is shorter than the base text and composed of narrow character text (here Latin), is the ruby text centred and not stretched, as described by the distribute-space property of the CSS3 Ruby Module?
Description: Markup is これは<ruby><rb>日本語</rb><rp>(</rp><rt>JA</rt><rp>)</rp></ruby>です。 The ruby text is much shorter than the underlying base text. The expectation of rendering behavior is based on the initial value for ruby-align for narrow-cell ruby in the CSS3 Ruby Module (ie. distribute-space). The Ruby Annotation spec does not address this.
Check looks the same (apart from font differences).
これは
If the above two frames do not look the same, check that the expected fall-back position is the same as the graphic below.
Objective: If there are two ruby texts, is the first placed above and the second below the base text?
Description: Markup is これは<ruby><rbc><rb>日本語</rb></rbc><rtc><rt>にほんご</rt></rtc><rtc><rt>言語</rt></rtc></ruby>です。The Ruby Annotation spec recommends non-normatively that, in the absence of other style information, when there are two ruby texts the first ruby text should appear before (ie. above in this case) the base text, and the second ruby text after (ie. below in this case).
Check looks the same (apart from font differences).
これは
Objective: Are multiple ruby texts placed correctly relative to multiple ruby bases?
Description: Markup is これは<ruby><rbc><rb>日</rb><rb>本本本本</rb><rb>語語語語語語語語語語語</rb></rbc><rtc><rt>に</rt><rt></rt><rt>ご</rt></rtc></ruby>です。The CSS3 Ruby Module draft describes how multiple ruby bases and ruby texts in complex ruby should be aligned. Note that in this test, the middle ruby text is empty.
Check looks the same (apart from font differences).
これは
Objective: Does a span attribute center ruby text as expected?
Description: Markup is これは<ruby><rbc><rb>日</rb><rb>本本本本</rb><rb>語語語語語語語語語語語</rb></rbc><rtc><rt>に</rt><rt rbspan="2" >ご</rt></rtc></ruby>です。The CSS3 Ruby Module draft describes how multiple ruby bases and ruby texts in complex ruby should be aligned. Note that in this test, the second ruby text spans the last two base texts.
Check looks the same (apart from font differences).
これは
Objective: Do multiple ruby texts and ruby bases overlap?
Description: Markup is これは<ruby><rbc><rb>日</rb><rb>本</rb><rb>語語語語語</rb></rbc><rtc><rt>ににににににに</rt><rt>ほん</rt><rt>ご</rt></rtc></ruby>です。The CSS3 Ruby Module draft describes how multiple ruby bases and ruby texts in complex ruby should be aligned. This test checks that multiple ruby bases and ruby texts do not overlap by default.
Check looks the same (apart from font differences).
これは
Objective: Are multiple ruby texts placed correctly relative to multiple ruby bases when there is ruby text above and below?
Description: Markup is これは<ruby><rbc><rb>日</rb><rb>本</rb><rb>語</rb></rbc><rtc><rt>に</rt><rt>ほん</rt><rt></rt></rtc><rtc><rt></rt><rt>ほん</rt><rt>ご</rt></rtc></ruby>です。This scenario checks that rbs and rts are correctly aligned..
Check looks the same (apart from font differences).
これは
Objective: Are multiple ruby texts placed correctly relative to multiple ruby bases when there is ruby text above and below?
Description: Markup is これは<ruby><rbc><rb>日</rb><rb>本</rb><rb>語</rb></rbc><rtc><rt>に</rt><rt>ほん</rt><rt></rt></rtc><rtc><rt
rbspan="3">言語</rt></rtc></ruby>です。 In this test the ruby text after the base spans all the base text.
Check looks the same (apart from font differences).
これは
Objective: Are multiple ruby texts placed correctly relative to multiple ruby bases when there is ruby text above and below?
Description: Markup is これは<ruby><rbc><rb>日</rb><rb>本</rb><rb>語</rb></rbc><rtc><rt>に</rt><rt>ほん</rt><rt></rt></rtc><rtc><rt
rbspan="3">日本で話されている言語</rt></rtc></ruby>です。In this test the ruby text after the base is so wide that the base text will need to be widened. The ruby text above the base should spread out correspondingly.
Check looks the same (apart from font differences).
これは
Version: $Id: sec-ruby-markup-2.html,v 1.5 2007/09/03 15:14:03 rishida Exp $
