CSS Writing Modes Module Level 3 CR Test Suite

Inline-level Alignment (70 tests)

Test Refs Flags Info
+ 4 Inline-level Alignment
+ 4.1 Introduction to Baselines
+ 4.2 Text Baselines
central-baseline-alignment-002 = Ahem central baseline-alignment of text with 'text-orientation: upright' (vertical-rl)
  • This test checks that the central baseline is used as the dominant baseline when 'text-orientation' is 'upright' in vertical writing-mode.
central-baseline-alignment-003 = Ahem central baseline-alignment of text with 'text-orientation: upright' (vertical-lr)
  • This test checks that the central baseline is used as the dominant baseline when 'text-orientation' is 'upright' in vertical writing-mode.
text-baseline-002 = Ahem text baseline alignment - central alignment with vertical layout
  • This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
text-baseline-003 = Ahem text baseline alignment - central alignment with vertical layout
  • This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
text-baseline-004 = Ahem text baseline alignment - central alignment with vertical layout
  • This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
text-baseline-005 = Ahem text baseline alignment - central alignment with vertical layout
  • This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
text-baseline-006 = Ahem text baseline alignment - alphabetical alignment with vertical layout
  • This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text-baseline-007 = Ahem text baseline alignment - alphabetical alignment with vertical layout
  • This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text-baseline-008 = Ahem text baseline alignment - alphabetical alignment with vertical layout
  • This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.
text-baseline-009 = Ahem text baseline alignment - alphabetical alignment with vertical layout
  • This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.
text-baseline-010 = Ahem text baseline alignment - alphabetical alignment with vertical layout
  • This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.
text-baseline-011 = Ahem text baseline alignment - alphabetical alignment with vertical layout
  • This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.
+ 4.3 Atomic Inline Baselines
baseline-inline-non-replaced-002 = Ahem baseline-alignment of empty non-replaced inline-block element and 'vertical-rl'
  • This test checks that the baseline-alignment of an empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.
baseline-inline-non-replaced-003 = Ahem baseline-alignment of empty non-replaced inline-block element and 'vertical-rl'
  • This test checks that the baseline-alignment of an empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.
baseline-inline-non-replaced-004 = Ahem baseline-alignment of non-empty non-replaced inline-block element and 'vertical-rl'
  • This test checks that the baseline-alignment of a non-empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.
baseline-inline-non-replaced-005 = Ahem baseline-alignment of non-empty non-replaced inline-block element and 'vertical-rl'
  • This test checks that the baseline-alignment of a non-empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.
baseline-inline-replaced-002 = AhemBitmaps baseline-alignment of inline replaced element and 'vertical-rl'
  • This test checks that the baseline-alignment of an image in the line box of a block with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.
baseline-inline-replaced-003 = AhemBitmaps baseline-alignment of inline replaced element and 'vertical-lr'
  • This test checks that the baseline-alignment of an image in the line box of a block with 'writing-mode' set to 'vertical-lr' is 'central' and not 'alphabetic'.
inline-block-alignment-002 = Ahem inline-block alignment - central alignment with vertical layout
  • This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
inline-block-alignment-003 = Ahem inline-block alignment - central alignment with vertical layout
  • This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
inline-block-alignment-004 = Ahem inline-block alignment - central alignment with vertical layout
  • This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
inline-block-alignment-005 = Ahem inline-block alignment - central alignment with vertical layout
  • This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
inline-block-alignment-006 = Ahem inline block alignment - alphabetical alignment with vertical layout
  • This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
inline-block-alignment-007 = Ahem inline block alignment - alphabetical alignment with vertical layout
  • This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
inline-block-alignment-008 = Ahem inline block alignment - alphabetical alignment with vertical layout
  • This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.
inline-block-alignment-009 = Ahem inline block alignment - alphabetical alignment with vertical layout
  • This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.
inline-block-alignment-010 = Ahem inline block alignment - alphabetical alignment with vertical layout
  • This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.
inline-block-alignment-011 = Ahem inline block alignment - alphabetical alignment with vertical layout
  • This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.
inline-block-alignment-orthogonal-vlr-003 = Ahem text baseline alignment of inline-block in orthogonal flow
  • This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge.
inline-block-alignment-orthogonal-vlr-005 = Ahem text baseline alignment of inline-block in orthogonal flow
  • This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge.
inline-block-alignment-orthogonal-vrl-002 = Ahem text baseline alignment of inline-block in orthogonal flow
  • This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge.
inline-block-alignment-orthogonal-vrl-004 = Ahem text baseline alignment of inline-block in orthogonal flow
  • This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge.
inline-replaced-vlr-005 = AhemBitmaps inline replaced element and 'vertical-lr' (advanced)
  • This test checks that, while the content of inline replaced elements do not rotate in vertical writing mode, they are nevertheless laid out from top to bottom (inline base direction) in a line box and their baseline-alignment is central (not alphabetic) and then the following lines boxes (line box direction within a block container) are ordered from left to right.
inline-replaced-vrl-004 = AhemBitmaps inline replaced element and 'vertical-rl' (advanced)
  • This test checks that, while the content of inline replaced elements do not rotate in vertical writing mode, they are nevertheless laid out from top to bottom (inline base direction) in a line box and their baseline-alignment is central (not alphabetic) and then the following lines boxes (line box direction within a block container) are ordered from right to left.
+ 4.4 Baseline Alignment
vertical-alignment-002a Bitmaps vertical align - 'baseline' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-002b Bitmaps vertical align - 'baseline' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-003a AhemBitmaps vertical align - 'baseline' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-003b AhemBitmaps vertical align - 'baseline' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-005a Bitmaps vertical align - 'sub' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-005b Bitmaps vertical align - 'sub' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-008a Bitmaps vertical align - 'super' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-008b Bitmaps vertical align - 'super' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-011a Bitmaps vertical align - 'zero length (0em)' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-011b Bitmaps vertical align - 'zero length (0em)' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-012l AhemBitmaps vertical align - 'zero length (0em)' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-012r AhemBitmaps vertical align - 'zero length (0em)' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-014a AhemBitmaps vertical align - 'positive length (0.8em)' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-014b AhemBitmaps vertical align - 'positive length (0.8em)' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-015a AhemBitmaps vertical align - 'positive length (0.5em)' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-015b AhemBitmaps vertical align - 'positive length (0.5em)' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-017a AhemBitmaps vertical align - 'negative length (-0.2em)' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-017b AhemBitmaps vertical align - 'negative length (-0.2em)' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-018a AhemBitmaps vertical align - 'negative length (-0.5em)' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-018b AhemBitmaps vertical align - 'negative length (-0.5em)' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-020a Bitmaps vertical align - 'zero percentage (0%)' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-020b Bitmaps vertical align - 'zero percentage (0%)' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-021a AhemBitmaps vertical align - 'zero percentage (0%)' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-021b AhemBitmaps vertical align - 'zero percentage (0%)' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-023a AhemBitmaps vertical align - 'positive length (0.8em)' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-023b AhemBitmaps vertical align - 'positive percentage (80%)' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-024a AhemBitmaps vertical align - 'positive percentage (50%)' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-024b AhemBitmaps vertical align - 'positive percentage (50%)' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-026a AhemBitmaps vertical align - 'negative percentage (-20%)' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-026b AhemBitmaps vertical align - 'negative length (-20%)' (alphabetical baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.
vertical-alignment-027a AhemBitmaps vertical align - 'negative percentage (-50%)' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-027b AhemBitmaps vertical align - 'negative percentage (-50%)' (central baseline with vertical layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.
vertical-alignment-new-002 = Ahem vertical align - 'baseline' (alphabetical baseline with vertical layout)
  • This test checks the position of inline box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'top', the right edge of inline-box attaches the top of line-box.
vertical-alignment-new-004 = Ahem vertical align - 'baseline' (alphabetical baseline with vertical layout)
  • This test checks the position of inline box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-top', the right edge of inline-box aligned with the top of parent inline-box.
vertical-alignment-new-006 = Ahem vertical align - 'baseline' (alphabetical baseline with vertical layout)
  • This test checks the position of inline box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-bottom', the left edge of inline-box aligned with the bottom of parent inline-box.
vertical-alignment-new-008 = Ahem vertical align - 'baseline' (alphabetical baseline with vertical layout)
  • This test checks the position of inline box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'bottom', the left edge of inline-box attaches the bottom of line-box.