CSS Writing Modes Module Level 3 CR Test Suite

Inline-level Alignment (75 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-001 = Bitmaps inline-block alignment - inline-block with content (alphabetical alignment with horizontal layout)
  • This test checks the generation of inline-block baseline. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
inline-block-alignment-002-sidewaysleft Bitmaps inline-block alignment - inline-block with content (alphabetical alignment with vertical layout)
  • This test checks the generation of inline-block baseline. 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.
inline-block-alignment-002-sidewaysright Bitmaps inline-block alignment - inline-block with content (alphabetical alignment with vertical layout)
  • This test checks the generation of inline-block baseline. 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.
inline-block-alignment-003-lr AhemBitmaps inline-block alignment - inline-block with content (central alignment with vertical layout)
  • This test checks the generation of inline-block baseline. 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.
inline-block-alignment-003-rl AhemBitmaps inline-block alignment - inline-block with content (central alignment with vertical layout)
  • This test checks the generation of inline-block baseline. 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.
inline-block-alignment-004 = Bitmaps inline-block alignment - inline-block without content (alphabetical alignment with horizontal layout)
  • This test checks the generation of empty inline-block baseline. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
inline-block-alignment-005-sidewaysleft Bitmaps inline-block alignment - inline-block without content (alphabetical alignment with vertical layout)
  • This test checks the generation of empty inline-block baseline. 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.
inline-block-alignment-005-sidewaysright Bitmaps inline-block alignment - inline-block without content (alphabetical alignment with vertical layout)
  • This test checks the generation of empty inline-block baseline. 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.
inline-block-alignment-006-lr AhemBitmaps inline-block alignment - inline-block without content (central alignment with vertical layout)
  • This test checks the generation of empty inline-block baseline. 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.
inline-block-alignment-006-rl AhemBitmaps inline-block alignment - inline-block without content (central alignment with vertical layout)
  • This test checks the generation of empty inline-block baseline. 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.
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-001 = Bitmaps vertical align - 'baseline' (alphabetical baseline with horizontal layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-002-sidewaysleft 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-002-sidewaysright 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-003-lr 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-003-rl 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-004 = Bitmaps vertical align - 'sub' (alphabetical baseline with horizontal layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-005-sidewaysleft 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-005-sidewaysright 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-006-lr AhemBitmaps vertical align - 'sub' (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-006-rl AhemBitmaps vertical align - 'sub' (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-007 = Bitmaps vertical align - 'super' (alphabetical baseline with horizontal layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-008-sidewaysleft 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-008-sidewaysright 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-009-lr AhemBitmaps vertical align - 'super' (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-009-rl AhemBitmaps vertical align - 'super' (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-010 = Bitmaps vertical align - 'zero length (0em)' (alphabetical baseline with horizontal layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-011-sidewaysleft 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-011-sidewaysright 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-012-lr 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-012-rl 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-013 = AhemBitmaps vertical align - 'positive length (0.8em)' (alphabetical baseline with horizontal layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-014-sidewaysleft 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-014-sidewaysright 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-015-lr 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-015-rl 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-016 = AhemBitmaps vertical align - 'negative length (-0.2em)' (alphabetical baseline with horizontal layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-017-sidewaysleft 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-017-sidewaysright 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-018-lr 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-018-rl 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-019 = Bitmaps vertical align - 'zero percentage (0%)' (alphabetical baseline with horizontal layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-020-sidewaysleft 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-020-sidewaysright 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-021-lr 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-021-rl 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-022 = AhemBitmaps vertical align - 'positive percentage (80%)' (alphabetical baseline with horizontal layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-023-sidewaysleft 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-023-sidewaysright 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-024-lr 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-024-rl 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-025 = AhemBitmaps vertical align - 'negative percent (-20%)' (alphabetical baseline with horizontal layout)
  • This test checks the generation of text baseline with vertical align property. When 'writing-mode' is horizontal, then the alphabetical baseline is used as the dominant baseline.
vertical-alignment-026-sidewaysleft 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-026-sidewaysright 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-027-lr 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-027-rl 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.