CSS Writing Modes Module Level 3 CR Test Suite

Abstract Box Layout (232 tests)

Test Refs Flags Info
+ 7 Abstract Box Layout
+ 7.1 Principles of Layout in Vertical Writing Modes
abs-pos-non-replaced-vlr-003 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vlr-005 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vlr-007 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vlr-009 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vlr-011 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vlr-013 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vlr-015 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' are 'auto' and bottom is not 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' are 'auto' and bottom is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vlr-017 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vlr-019 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'height' are 'auto and 'bottom' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'height' are 'auto and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vlr-021 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto and 'bottom' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'height' are 'auto and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vlr-023 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vlr-025 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vlr-027 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vlr-029 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto', then set 'left' to the static position and then solve for 'right'.
abs-pos-non-replaced-vlr-031 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vlr-033 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto and 'height' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'bottom' to static position and solve for 'top'.
abs-pos-non-replaced-vlr-035 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto', then set 'right' to the static position and then solve for 'left'.
abs-pos-non-replaced-vlr-037 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'bottom' to static position and then solve for 'top'.
abs-pos-non-replaced-vlr-039 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vlr-041 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vlr-043 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vlr-045 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vlr-047 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vlr-049 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vlr-051 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vlr-053 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.
abs-pos-non-replaced-vlr-055 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then then solve for 'top'.
abs-pos-non-replaced-vlr-057 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vlr-059 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'
  • When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left', then solve for 'left'.
abs-pos-non-replaced-vlr-061 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vlr-063 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then then solve for 'height'.
abs-pos-non-replaced-vlr-065 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto', 'left' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.
abs-pos-non-replaced-vlr-067 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vlr-069 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vlr-071 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.
abs-pos-non-replaced-vlr-073 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then then solve for 'height'.
abs-pos-non-replaced-vlr-075 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-077 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto'
  • When 'direction' is 'ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'.
abs-pos-non-replaced-vlr-079 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-081 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-083 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto'
  • When 'direction' is 'rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'
abs-pos-non-replaced-vlr-085 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-087 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'bottom' and solve for 'bottom'.
abs-pos-non-replaced-vlr-089 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained), then ignore 'right' and then solve for 'right'.
abs-pos-non-replaced-vlr-091 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'bottom' and solve for 'bottom'.
abs-pos-non-replaced-vlr-093 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'top' and solve for 'top'.
abs-pos-non-replaced-vlr-095 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are not 'auto' and if the values are overconstrained, then ignore 'left' and then solve for 'left'.
abs-pos-non-replaced-vlr-097 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'top' and solve for 'top'.
abs-pos-non-replaced-vrl-002 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vrl-004 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vrl-006 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vrl-008 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vrl-010 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vrl-012 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vrl-014 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' are 'auto' and bottom is not 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' are 'auto' and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vrl-016 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vrl-018 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'height' are 'auto and 'bottom' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'height' are 'auto and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vrl-020 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto and 'bottom' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'height' are 'auto and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vrl-022 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vrl-024 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height becomes shrink-to-fit and then solve for 'top'.
abs-pos-non-replaced-vrl-026 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vrl-028 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto', then set 'left' to the static position and then solve for 'right'.
abs-pos-non-replaced-vrl-030 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'bottom are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vrl-032 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto and 'height' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'bottom' to static position and solve for 'top'.
abs-pos-non-replaced-vrl-034 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto', then set 'right' to the static position and then solve for 'left'.
abs-pos-non-replaced-vrl-036 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'bottom' to static position and then solve for 'top'.
abs-pos-non-replaced-vrl-038 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vrl-040 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vrl-042 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vrl-044 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vrl-046 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vrl-048 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height becomes shrink-to-fit and then solve for 'bottom'.
abs-pos-non-replaced-vrl-050 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vrl-052 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.
abs-pos-non-replaced-vrl-054 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then then solve for 'top'.
abs-pos-non-replaced-vrl-056 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vrl-058 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'
  • When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left', then solve for 'left'.
abs-pos-non-replaced-vrl-060 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vrl-062 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then then solve for 'height'.
abs-pos-non-replaced-vrl-064 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto', 'left' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.
abs-pos-non-replaced-vrl-066 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vrl-068 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vrl-070 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.
abs-pos-non-replaced-vrl-072 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then then solve for 'height'.
abs-pos-non-replaced-vrl-074 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-076 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto'
  • When 'direction' is 'ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'.
abs-pos-non-replaced-vrl-078 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-080 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-082 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto'
  • When 'direction' is 'rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'
abs-pos-non-replaced-vrl-084 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-086 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'bottom' and solve for 'bottom'.
abs-pos-non-replaced-vrl-088 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained), then ignore 'right' and then solve for 'right'.
abs-pos-non-replaced-vrl-090 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'bottom' and solve for 'bottom'.
abs-pos-non-replaced-vrl-092 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'top' and solve for 'top'.
abs-pos-non-replaced-vrl-094 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are not 'auto' and if the values are overconstrained, then ignore 'left' and then solve for 'left'.
abs-pos-non-replaced-vrl-096 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'top' and solve for 'top'.
border-vlr-007 = Bitmaps border in 'vertical-lr' writing-mode context
  • This test checks that border-left, border-right, border-top and border-bottom do not change in vertical writing-mode. The border-left property of a box still affects the lefthand border of such box.
border-vrl-006 = Bitmaps border in 'vertical-rl' writing-mode context
  • This test checks that border-left, border-right, border-top and border-bottom do not change in vertical writing-mode. The border-left property of a box still affects the lefthand border of such box.
box-offsets-rel-pos-vlr-003 = Bitmaps box offsets - position relative
  • The 'top', 'right', 'bottom', 'left' property, for relative positioning, specify the offset of the box itself from its normal in-flow position, from the position it would have had if it had been static. The 'top', 'right', 'bottom', 'left' offset property are physical properties, not logical ones in vertical writing-modes.
box-offsets-rel-pos-vlr-005 = Bitmaps box offsets - relatively positioned boxes
  • Box offsets (bottom, left, right, top) expressed in absolute units (not with percentage unit) for relatively positioned boxes are with respect to the edges of the boxes themselves.
box-offsets-rel-pos-vrl-002 = Bitmaps box offsets - position relative
  • The 'top', 'right', 'bottom', 'left' property, for relative positioning, specify the offset of the box itself from its normal in-flow position, from the position it would have had if it had been static. The 'top', 'right', 'bottom', 'left' offset property are physical properties, not logical ones in vertical writing-modes.
box-offsets-rel-pos-vrl-004 = Bitmaps box offsets - relatively positioned boxes
  • Box offsets (bottom, left, right, top) expressed in absolute units (not with percentage unit) for relatively positioned boxes are with respect to the edges of the boxes themselves.
clearance-calculations-vrl-002 = AhemBitmaps Clearance calculations - clearing box has larger margin than width of float
  • This test checks that when a clearing element has a right margin (in a block formating context with 'writing-mode' set to 'vertical-rl') larger than the width of a floated element, then the right margin is collapsed with the margin-left of preceding in-flow sibling. The clearing element is then placed at the point of the resulting collapsed margin.
clearance-calculations-vrl-004 = AhemBitmaps Clearance calculations - clearing box has narrower margin than clearance
  • This test checks that if, after margin collapsing, the position of the clearing element is on the right of the float or would be hypothetically positioned within the layout position of the float, then the clearing element is positioned directly on the left of the floated element.
clearance-calculations-vrl-006 = AhemBitmaps Clearance calculations - clearing box has larger margin than width of float
  • This test checks that when a clearing element (in a block formating context with 'writing-mode' set to 'vertical-rl') has a right margin larger than the width of a floated element, then the right margin is collapsed with the margin-left of preceding in-flow sibling. The clearing element is then placed at the point of the resulting collapsed margin.
clearance-calculations-vrl-008 = Bitmaps clearance calculations
  • In this test, the right border edge of div#clearing-left must be on the left side of div#floated-left, i.e., 50px further on its left-hand side. That means that the margin-left of div#preceding-sibling must not collapse with the right margin of the div#clearing-left and clearance must be added such that clearance + margin-right of div#clearing-left = 50px, i.e., clearance = 50px - margin-right of div#clearing-left; therefore clearance is equal to 50px - 75px = - 25px.
float-clear-vlr-003 = AhemBitmaps 'float: right' and 'clear: right' in 'vertical-lr' block formating context (basic)
float-clear-vlr-005 = AhemBitmaps 'float: left' and 'clear: left' in 'vertical-lr' block formating context (basic)
float-clear-vlr-007 = Bitmaps 'float: left' and 'clear: left' in 'vertical-lr' block formating context (intermediate)
  • This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats.
float-clear-vlr-009 = Bitmaps 'float: right', 'float: left' and 'clear: both' in 'vertical-lr' block formating context (intermediate)
  • This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats.
float-clear-vrl-002 = AhemBitmaps 'float: right' and 'clear: right' in 'vertical-rl' block formating context (basic)
float-clear-vrl-004 = AhemBitmaps 'float: left' and 'clear: left' in 'vertical-rl' block formating context (basic)
float-clear-vrl-006 = Bitmaps 'float: left' and 'clear: left' in 'vertical-rl' block formating context (intermediate)
  • This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats.
float-clear-vrl-008 = Bitmaps 'float: right', 'float: left' and 'clear: both' in 'vertical-rl' block formating context (intermediate)
  • This test checks that a block container box which has floats will not extend its logical height (it will appear to not be aware of its floats) unless it has a clearing block. This test is important for CSS columnar layout page based on floats.
float-contiguous-vlr-003 = Bitmaps contiguous left-floating boxes in a 'vertical-lr' block formating context
  • This test checks the flow of contiguous left-floating boxes. The later (in source document) left-floating box must be to the right of the right outer edge of earlier floating boxes otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vlr-005 = Bitmaps contiguous right-floating boxes in a 'vertical-lr' block formating context
  • This test checks the flow of contiguous right-floating boxes. The later (in source document) right-floating box must be to the left of the left outer edge of earlier floating boxes otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vlr-007 = Bitmaps contiguous left-floating boxes in a 'vertical-lr' block formating context
  • This test checks the flow of contiguous left-floating boxes. The later (in source document) left-floating box must be to the right of the right outer edge of earlier floating boxes otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vlr-009 = Bitmaps contiguous right-floating boxes in a 'vertical-lr' block formating context
  • This test checks the flow of contiguous right-floating boxes. The later (in source document) right-floating box must be to the left of the left outer edge of earlier floating boxes otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vlr-011 = Ahem contiguous left-floating boxes with 'writing-mode' set to 'vertical-lr'
  • This test checks the flow of contiguous left-floated boxes with 'writing-mode' set to 'vertical-lr'.
float-contiguous-vlr-013 = Ahem contiguous right-floating boxes with 'writing-mode' set to 'vertical-lr'
  • This test checks the flow of contiguous right-floated boxes with 'writing-mode' set to 'vertical-lr'.
float-contiguous-vrl-002 = Bitmaps contiguous left-floating boxes in a 'vertical-rl' block formating context
  • This test checks the flow of contiguous left-floating boxes. The later (in source document) left-floating box must be to the right of the right outer edge of earlier floating boxes otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vrl-004 = AhemBitmaps contiguous right-floating boxes in a 'vertical-rl' block formating context
  • This test checks the flow of contiguous right-floating boxes. The later (in source document) right-floating box must be to the left of the left outer edge of earlier floating boxes, otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vrl-006 = Bitmaps contiguous left-floating boxes in a 'vertical-rl' block formating context
  • This test checks the flow of contiguous left-floating boxes. The later (in source document) left-floating box must be to the right of the right outer edge of earlier floating boxes otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vrl-008 = Bitmaps contiguous right-floating boxes in a 'vertical-rl' block formating context
  • This test checks the flow of contiguous right-floating boxes. The later (in source document) right-floating box must be to the left of the left outer edge of earlier floating boxes, otherwise (if there is not enough available horizontal space) below the margin box of the earlier box.
float-contiguous-vrl-010 = Ahem contiguous left-floating boxes with 'writing-mode' set to 'vertical-rl'
  • This test checks the flow of contiguous left-floated boxes with 'writing-mode' set to 'vertical-rl'.
float-contiguous-vrl-012 = Ahem contiguous right-floating boxes with 'writing-mode' set to 'vertical-rl'
  • This test checks the flow of contiguous right-floated boxes with 'writing-mode' set to 'vertical-rl'.
float-shrink-to-fit-vlr-003 = Ahem 'float' and 'shrink-to-fit' logical width in 'vertical-lr' context
  • This test checks that 'shrink-to-fit' width is applied on logical width (measure).
float-shrink-to-fit-vlr-005 = Ahem 'float' and 'shrink-to-fit' logical width in 'vertical-lr' context
  • This test checks that 'shrink-to-fit' width is applied on logical width (measure).
float-shrink-to-fit-vlr-007 = Ahem 'float' and 'shrink-to-fit' logical width in 'vertical-lr' context
  • This test checks that 'shrink-to-fit' width is applied on logical width (measure).
float-shrink-to-fit-vlr-009 = Ahem 'float' and 'shrink-to-fit' logical width (height: auto) in 'vertical-lr' context
  • This test checks that 'shrink-to-fit' applying on logical width must not reduce content but size to fit to its content. In this test, 'L' and 'R' glyphs must be rendered.
float-shrink-to-fit-vrl-002 = Ahem 'float' and 'shrink-to-fit' logical width in 'vertical-rl' context
  • This test checks that 'shrink-to-fit' width is applied on logical width (measure).
float-shrink-to-fit-vrl-004 = Ahem 'float' and 'shrink-to-fit' logical width in 'vertical-rl' context
  • This test checks that 'shrink-to-fit' width is applied on logical width (measure).
float-shrink-to-fit-vrl-006 = Ahem 'float' and 'shrink-to-fit' logical width in 'vertical-rl' context
  • This test checks that 'shrink-to-fit' width is applied on logical width (measure).
float-shrink-to-fit-vrl-008 = Ahem 'float' and 'shrink-to-fit' logical width (height: auto) in 'vertical-rl' context
  • This test checks that 'shrink-to-fit' applying on logical width must not reduce content but size to fit to its content. In this test, 'L' and 'R' glyphs must be rendered.
float-shrink-to-fit-vrl-vlr-016 = Ahem 'float' and 'shrink-to-fit' logical width (16 sub-tests)
  • This test checks that 'shrink-to-fit' rule (CSS2.1, §10.3.5) is applied onto logical width in vertical writing-modes. This test thoroughly checks systematically the 16 combinations of 'writing-mode: vertical-rl', 'writing-mode: vertical-lr', with 'float: left', with 'float: right' and with left and/or right border(s). Not tested here is 'padding-left' and 'padding-right'.
float-vlr-003 = AhemBitmaps 'float: right' in a 'vertical-lr' block formating context (basic)
  • This test checks that a floated right box in a containing block with 'writing-mode' set to 'vertical-lr' will be floated at the line-right side of its line box.
float-vlr-005 = AhemBitmaps 'float: right' in a 'vertical-lr' block formating context (basic)
  • This test checks that a floated right box in a containing block with 'writing-mode' set to 'vertical-lr' will be floated at the line-right side of its line box.
float-vlr-007 = AhemBitmaps 'float: left' in a 'vertical-lr' block formating context (basic)
  • This test checks that a floated left box in a containing block with 'writing-mode' set to 'vertical-lr' will be floated at the line-left side of its line box.
float-vlr-009 = AhemBitmaps 'float: left' in a 'vertical-lr' block formating context (basic)
  • This test checks that a floated left box in a containing block with 'writing-mode' set to 'vertical-lr' will be floated at the line-left side of its line box.
float-vlr-011 = AhemBitmaps 'float: left' and 'float: right' in a 'vertical-lr' block formating context (basic)
  • This test checks that a floated left box and a floated right box in a containing block with 'writing-mode' set to 'vertical-lr' will be respectively floated at the line-left side of its line box and floated at line-right of its line box.
float-vlr-013 = AhemBitmaps 'float: left' and 'float: right' in a 'vertical-lr' block formating context (basic)
  • This test checks that a floated left box and a floated right box in a containing block with 'writing-mode' set to 'vertical-lr' will be respectively floated at the line-left side of its line box and floated at line-right of its line box.
float-vrl-002 = AhemBitmaps 'float: right' in a 'vertical-rl' block formating context (basic)
  • This test checks that a floated right box in a containing block with 'writing-mode' set to 'vertical-rl' will be floated at the line-right side of its line box.
float-vrl-004 = AhemBitmaps 'float: right' in a 'vertical-rl' block formating context (basic)
  • This test checks that a floated right box in a containing block with 'writing-mode' set to 'vertical-rl' will be floated at the line-right side of its line box.
float-vrl-006 = AhemBitmaps 'float: left' in a 'vertical-rl' block formating context (basic)
  • This test checks that a floated left box in a containing block with 'writing-mode' set to 'vertical-rl' will be floated at the line-left side of its line box.
float-vrl-008 = AhemBitmaps 'float: left' in a 'vertical-rl' block formating context (basic)
  • This test checks that a floated left box in a containing block with 'writing-mode' set to 'vertical-rl' will be floated at the line-left side of its line box.
float-vrl-010 = AhemBitmaps 'float: left' and 'float: right' in a 'vertical-rl' block formating context (basic)
  • This test checks that a floated left box and a floated right box in a containing block with 'writing-mode' set to 'vertical-rl' will be respectively floated at the line-left side of its line box and floated at line-right of its line box.
float-vrl-012 = AhemBitmaps 'float: left' and 'float: right' in a 'vertical-rl' block formating context (basic)
  • This test checks that a floated left box and a floated right box in a containing block with 'writing-mode' set to 'vertical-rl' will be respectively floated at the line-left side of its line box and floated at line-right of its line box.
horizontal-rule-vlr-003 = Bitmaps horizontal rule - 'vertical-lr' and orthogonal flow
  • This test checks that an horizontal rule (<hr> element) in 'vertical-lr' writing-mode must be rendered as a vertical rule.
horizontal-rule-vlr-005 = horizontal rule - 'vertical-lr'
  • This test checks that an horizontal rule (<hr> element) with 'vertical-lr' writing-mode but inside an 'horizontal-tb' writing-mode context must be rendered as an horizontal rule.
horizontal-rule-vrl-002 = Bitmaps horizontal rule - 'vertical-rl' and orthogonal flow
  • This test checks that an horizontal rule (<hr> element) in 'vertical-rl' writing-mode must be rendered as a vertical rule.
horizontal-rule-vrl-004 = horizontal rule - 'vertical-rl'
  • This test checks that an horizontal rule (<hr> element) with 'vertical-rl' writing-mode but inside an 'horizontal-tb' writing-mode context must be rendered as an horizontal rule.
margin-vlr-003 = Bitmaps margin in 'vertical-lr' writing-mode context
  • This test checks that margin-left, margin-right, margin-top and margin-bottom do not change in vertical writing-mode. The margin-left property of a box still affects the lefthand margin of such box.
margin-vrl-002 = Bitmaps margin in 'vertical-rl' writing-mode context
  • This test checks that margin-left, margin-right, margin-top and margin-bottom do not change in vertical writing-mode. The margin-left property of a box still affects the lefthand margin of such box.
padding-vlr-005 = Bitmaps padding in 'vertical-lr' writing-mode context
  • This test checks that padding-left, padding-right, padding-top and padding-bottom do not change in vertical writing-mode. The padding-left property of a box still affects the lefthand padding of such box.
padding-vrl-004 = Bitmaps padding in 'vertical-rl' writing-mode context
  • This test checks that padding-left, padding-right, padding-top and padding-bottom do not change in vertical writing-mode. The padding-left property of a box still affects the lefthand padding of such box.
table-column-order-002 = Ahem 'direction: rtl' - table columns order and vertical-rl
  • This test checks that a table with 'writing-mode' set to 'vertical-rl' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom.
table-column-order-003 = Ahem 'direction: rtl' - table columns order and vertical-lr
  • This test checks that a table with 'writing-mode' set to 'vertical-lr' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom.
table-column-order-004 = Ahem 'direction: rtl' - table columns order and vertical-rl
  • This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction.
table-column-order-005 = Ahem 'direction: rtl' - table columns order and vertical-lr
  • This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction.
text-align-vlr-003 = AhemBitmaps 'text-align: left' - 'vertical-lr' and 'direction: ltr'
text-align-vlr-005 = AhemBitmaps 'text-align: left' - 'vertical-lr' and 'direction: rtl'
  • This test checks that 'text-align: left' aligns an inline box within a line box with respect to the line box's logical left side (line-left side). Here, 'direction: rtl' has no impact, no influence on such alignment.
text-align-vlr-007 = AhemBitmaps 'text-align: left' - 'vertical-lr' and initial, default 'direction'
text-align-vlr-009 = AhemBitmaps 'text-align: center' - 'vertical-lr' and 'direction: ltr'
text-align-vlr-011 = AhemBitmaps 'text-align: center' - 'vertical-lr' and 'direction: rtl'
  • This test checks that 'text-align: center' centers an inline box within a line box with respect to the line box's logical left and right sides (line-left and line-right sides).
text-align-vlr-013 = AhemBitmaps 'text-align: center' - 'vertical-lr' and initial, default 'direction'
text-align-vlr-015 = AhemBitmaps 'text-align: right' - 'vertical-lr' and 'direction: ltr'
text-align-vlr-017 = AhemBitmaps 'text-align: right' - 'vertical-lr' and 'direction: rtl'
  • This test checks that 'text-align: right' aligns an inline box within a line box with respect to the line box's logical right side (line-right side). Here, 'direction: rtl' has no impact, no influence on such alignment.
text-align-vlr-019 = AhemBitmaps 'text-align: right' - 'vertical-lr' and initial, default 'direction'
  • This test checks that 'text-align: right' aligns an inline box within a line box with respect to such line box's logical right side (line-right side).
text-align-vrl-002 = AhemBitmaps 'text-align: left' - 'vertical-rl' and 'direction: ltr'
  • This test checks that 'text-align: left' aligns an inline box within a line box with respect to such line box's logical left side (line-left side).
text-align-vrl-004 = AhemBitmaps 'text-align: left' - 'vertical-rl' and 'direction: rtl'
  • This test checks that 'text-align: left' aligns an inline box within a line box with respect to the line box's logical left side (line-left side). Here, 'direction: rtl' has no impact, no influence on such alignment.
text-align-vrl-006 = AhemBitmaps 'text-align: left' - 'vertical-rl' and initial, default 'direction'
  • This test checks that 'text-align: left' aligns an inline box within a line box with respect to such line box's logical left side (line-left side).
text-align-vrl-008 = AhemBitmaps 'text-align: center' - 'vertical-rl' and 'direction: ltr'
  • This test checks that 'text-align: center' centers an inline box within a line box with respect to such line box's logical left and right sides (line-left and line-right sides).
text-align-vrl-010 = AhemBitmaps 'text-align: center' - 'vertical-rl' and 'direction: rtl'
  • This test checks that 'text-align: center' centers an inline box within a line box with respect to the line box's logical left and right sides (line-left and line-right sides).
text-align-vrl-012 = AhemBitmaps 'text-align: center' - 'vertical-rl' and initial, default 'direction'
  • This test checks that 'text-align: center' centers an inline box within a line box with respect to the line box's logical left and right sides (line-left and line-right sides).
text-align-vrl-014 = AhemBitmaps 'text-align: right' - 'vertical-rl' and 'direction: ltr'
  • This test checks that 'text-align: right' aligns an inline box within a line box with respect to such line box's logical right side (line-right side).
text-align-vrl-016 = AhemBitmaps 'text-align: right' - 'vertical-rl' and 'direction: rtl'
  • This test checks that 'text-align: right' aligns an inline box within a line box with respect to the line box's logical right side (line-right side). Here, 'direction: rtl' has no impact, no influence on such alignment.
text-align-vrl-018 = AhemBitmaps 'text-align: right' - 'vertical-rl' and initial, default 'direction'
  • This test checks that 'text-align: right' aligns an inline box within a line box with respect to such line box's logical right side (line-right side).
+ 7.2 Dimensional Mapping
border-spacing-vlr-003 = Ahem border-spacing - first value is specified and non-zero in 'vertical-lr' table
  • This test checks that first value of 'border-spacing' represents, from top to bottom, a) spacing between logical table left padding (physical table top padding) and leftmost cells and b) inter-column spacing and c) spacing between rightmost cells and logical table right padding (physical table bottom padding).
border-spacing-vlr-005 = Ahem border-spacing - second value is specified and non-zero in 'vertical-lr' table
  • This test checks that second value of 'border-spacing' represents, from left to right, a) spacing between logical table top padding (physical table left padding) and topmost cells and b) inter-row spacing and c) spacing between bottommost cells and logical table bottom padding (physical table right padding).
border-spacing-vrl-002 = Ahem border-spacing - first value is specified and non-zero in 'vertical-rl' table
  • This test checks that first value of 'border-spacing' represents, from top to bottom, a) spacing between logical table right padding (physical table top padding) and rightmost cells and b) inter-column spacing and c) spacing between leftmost cells and logical table left padding (physical table bottom padding).
border-spacing-vrl-004 = Ahem border-spacing - second value is specified and non-zero in 'vertical-rl' table
  • This test checks that second value of 'border-spacing' represents, from right to left, a) spacing between logical table top padding (physical table right padding) and topmost cells and b) inter-row spacing and c) between bottommost cells and logical table bottom padding (physical table left padding).
percent-margin-vlr-003 = Bitmaps margin percentage and 'vertical-lr'
  • This test checks that percentages on the margin are calculated with respect to the width of the containing block if the 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block.
percent-margin-vlr-005 = Bitmaps margin percentage and 'vertical-lr'
  • This test checks that percentages on the margin are calculated with respect to the height of the containing block if the 'writing-mode' of such containing block is 'vertical-lr'.
percent-margin-vrl-002 = Bitmaps margin percentage and 'vertical-rl'
  • This test checks that percentages on the margin are calculated with respect to the width of the containing block if 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block.
percent-margin-vrl-004 = Bitmaps margin percentage and 'vertical-rl'
  • This test checks that percentages on the margin are calculated with respect to the height of the containing block if the 'writing-mode' of such containing block is 'vertical-rl'.
percent-padding-vlr-003 = Bitmaps padding percentage and 'vertical-lr'
  • This test checks that percentages on the padding are calculated with respect to the width of the containing block if 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block.
percent-padding-vlr-005 = Bitmaps padding percentage and 'vertical-lr'
  • This test checks that percentages on the padding are calculated with respect to the height of the containing block if the 'writing-mode' of such containing block is 'vertical-lr'.
percent-padding-vrl-002 = Bitmaps padding percentage and 'vertical-rl'
  • This test checks that percentages on the padding are calculated with respect to the width of the containing block if the 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block.
percent-padding-vrl-004 = Bitmaps padding percentage and 'vertical-rl'
  • This test checks that percentages on the padding are calculated with respect to the height of the containing block if the 'writing-mode' of such containing block is 'vertical-rl'.
+ 7.3 Orthogonal Flows
+ 7.3.1 Auto-sizing in Orthogonal Flows
height-auto-non-replaced-block-vlr-003 Scroll 'height: auto' - non-replaced block in orthogonal flow ('vertical-lr')
  • This test checks that the initial containing block's height (which is the size of viewport height) is used for determination of a block's measure (inline-size) in orthogonal flow when such measure is 'auto'.
height-auto-non-replaced-block-vlr-005 Scroll 'height: auto' - non-replaced block in orthogonal flow ('vertical-rl')
  • This test checks that the initial containing block's height (which is the size of viewport height) is used for determination of a block's measure (inline-size) in orthogonal flow when such measure is 'auto'.
height-auto-non-replaced-block-vrl-002 Scroll 'height: auto' - non-replaced block in orthogonal flow ('vertical-rl')
  • This test checks that the initial containing block's height (which is the size of viewport height) is used for determination of a block's measure (inline-size) in orthogonal flow when such measure is 'auto'.
height-auto-non-replaced-block-vrl-004 Scroll 'height: auto' - non-replaced block in orthogonal flow ('vertical-rl')
  • This test checks that the initial containing block's height (which is the size of viewport height) is used for determination of a block's measure (inline-size) in orthogonal flow when such measure is 'auto'.
+ 7.3.2 Auto-sizing Block Containers in Orthogonal Flows
+ 7.3.3 Auto-sizing Orthogonal Flows
+ 7.3.4 Fragmenting Orthogonal Flows
+ 7.4 Flow-Relative Mappings
margin-collapse-vlr-003 = AhemBitmaps 'vertical-lr' and margin collapsing - maximum of 2 adjoining margins
  • This test checks that margin-end and margin-start of adjacent blocks collapse into its maximum in 'vertical-lr' writing-mode.
margin-collapse-vlr-009 = AhemBitmaps 'vertical-lr' and margin collapsing - adjoining margins of non-siblings or ancestors
  • This test checks that adjoining margin-end and margin-start boxes generated by elements, that are not related by siblings or ancestors, collapse in 'vertical-lr' writing-mode.
margin-collapse-vlr-011 = AhemBitmaps 'vertical-lr' and margin collapsing - floated elements do not collapse margins
  • This test checks that margin-end of floated box does not collapse with the margin-start of a preceding block box in 'vertical-lr' writing-mode.
margin-collapse-vlr-015 = AhemBitmaps 'vertical-lr' and margin collapsing - elements with 'overflow' set to 'visible'
  • This test checks that elements with 'overflow' set to 'visible' collapse margin with in-flow children in 'vertical-lr' writing-mode.
margin-collapse-vlr-017 = AhemBitmaps 'vertical-lr' and margin collapsing - elements with 'overflow' set to 'hidden'
  • This test checks that elements with 'overflow' set to 'hidden' do not collapse margin with in-flow children in 'vertical-lr' writing-mode.
margin-collapse-vlr-023 AhemBitmaps 'vertical-lr' and margin collapsing - absolute positioning and siblings
  • This test checks that absolutely positioned boxes do not collapse margins with siblings in 'vertical-lr' writing-mode.
margin-collapse-vlr-025 = AhemBitmaps 'vertical-lr' and margin collapsing - collapse through empty siblings
  • This test checks that margins can collapse through empty elements in 'vertical-lr' writing-mode.
margin-collapse-vlr-031 = AhemBitmaps 'vertical-lr' and margin collapsing - collapse through sibling
  • This test checks that horizontal margins of boxes can collapse through a sibling box whose left and right margins collapse in 'vertical-lr' writing-mode.
margin-collapse-vlr-035 = AhemBitmaps 'vertical-lr' and margin collapsing - left margin of a block collapses with left margin of its first child
  • This test checks that, in a vertical-lr context, the left margin an in-flow block element collapses with its first in-flow block-level child's left margin if the element has no top border, no top padding, and the child has no clearance.
margin-collapse-vlr-037 = AhemBitmaps 'vertical-lr' and margin collapsing - right margin of a block collapses with right margin of its last child
  • This test checks that, in a vertical-lr context, the right margin an in-flow block box collapses with its last in-flow block-level child's right margin if the element has no right padding and no right border and the child's right margin does not collapse with a left margin that has clearance.
margin-collapse-vrl-002 = AhemBitmaps 'vertical-rl' and margin collapsing - maximum of 2 adjoining margins
  • This test checks that margin-end and margin-start of adjacent blocks collapse into its maximum in 'vertical-rl' writing-mode.
margin-collapse-vrl-008 = AhemBitmaps 'vertical-rl' and margin collapsing - adjoining margins of non-siblings or ancestors
  • This test checks that adjoining margin-end and margin-start boxes generated by elements, that are not related by siblings or ancestors, collapse in 'vertical-rl' writing-mode.
margin-collapse-vrl-010 = AhemBitmaps 'vertical-rl' and margin collapsing - floated elements do not collapse margins
  • This test checks that margin-start of floated box does not collapse with the margin-end of a preceding block box in 'vertical-rl' writing-mode.
margin-collapse-vrl-014 = AhemBitmaps 'vertical-rl' and margin collapsing - elements with 'overflow' set to 'visible'
  • This test checks that elements with 'overflow' set to 'visible' collapse margin with in-flow children in 'vertical-rl' writing-mode.
margin-collapse-vrl-016 = AhemBitmaps 'vertical-rl' and margin collapsing - elements with 'overflow' set to 'hidden'
  • This test checks that elements with 'overflow' set to 'hidden' do not collapse margin with in-flow children in 'vertical-rl' writing-mode.
margin-collapse-vrl-022 AhemBitmaps 'vertical-rl' and margin collapsing - absolute positioning and siblings
  • This test checks that absolutely positioned boxes do not collapse margins with siblings in 'vertical-rl' writing-mode.
margin-collapse-vrl-024 = AhemBitmaps 'vertical-rl' and margin collapsing - collapse through empty siblings
  • This test checks that margins can collapse through empty elements in 'vertical-rl' writing-mode.
margin-collapse-vrl-030 = AhemBitmaps 'vertical-rl' and margin collapsing - collapse through sibling
  • This test checks that horizontal margins of boxes can collapse through a sibling box whose left and right margins collapse in 'vertical-rl' writing-mode.
margin-collapse-vrl-034 = AhemBitmaps 'vertical-rl' and margin collapsing - right margin of a block collapses with right margin of its first child
  • This test checks that, in a vertical-rl context, the right margin an in-flow block box collapses with its first in-flow block-level child's right margin if the element has no top border, no top padding, and the child has no clearance.
margin-collapse-vrl-036 = AhemBitmaps 'vertical-rl' and margin collapsing - left margin of a block collapses with left margin of its last child
  • This test checks that, in a vertical-rl context, the left margin an in-flow block box collapses with its last in-flow block-level child's left margin if the element has no left padding and no left border and the child's left margin does not collapse with a right margin that has clearance.
+ 7.5 Line-Relative Mappings
+ 7.6 Purely Physical Mappings
background-position-vlr-003 BitmapsInteract 'background-position: left top' and 'vertical-lr'
  • This test checks that 'background-position: left top' will make background-image start at upper left corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-005 BitmapsInteract 'background-position: left bottom' and 'vertical-lr'
  • This test checks that 'background-position: left bottom' will make background-image start at lower right corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-007 BitmapsInteract 'background-position: right top' and 'vertical-lr'
  • This test checks that 'background-position: right top' will make background-image start at upper right corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-009 BitmapsInteract 'background-position: right bottom' and 'vertical-lr'
  • This test checks that 'background-position: right bottom' will make background-image start at lower right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-011 BitmapsInteract 'background-position: left top' and 'vertical-lr'
  • This test checks that 'background-position: left top' will make background-image start at upper left corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-013 BitmapsInteract 'background-position: left bottom' and 'vertical-lr'
  • This test checks that 'background-position: left bottom' will make background-image start at lower left corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-015 BitmapsInteract 'background-position: right top' and 'vertical-lr'
  • This test checks that 'background-position: right top' will make background-image start at upper right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vlr-017 BitmapsInteract 'background-position: right bottom' and 'vertical-lr'
  • This test checks that 'background-position: right bottom' will make background-image start at lower right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-002 BitmapsInteract 'background-position: left top' and 'vertical-rl'
  • This test checks that 'background-position: left top' will make background-image start at upper left corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-004 BitmapsInteract 'background-position: left bottom' and 'vertical-rl'
  • This test checks that 'background-position: left bottom' will make background-image start at lower left corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-006 BitmapsInteract 'background-position: right top' and 'vertical-rl'
  • This test checks that 'background-position: right top' will make background-image start at upper right corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-008 BitmapsInteract 'background-position: right bottom' and 'vertical-rl'
  • This test checks that 'background-position: right bottom' will make background-image start at lower right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-010 BitmapsInteract 'background-position: left top' and 'vertical-rl'
  • This test checks that 'background-position: left top' will make background-image start at upper left corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-012 BitmapsInteract 'background-position: left bottom' and 'vertical-rl'
  • This test checks that 'background-position: left bottom' will make background-image start at lower left corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-014 BitmapsInteract 'background-position: right top' and 'vertical-rl'
  • This test checks that 'background-position: right top' will make background-image start at upper right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-016 BitmapsInteract 'background-position: right bottom' and 'vertical-rl'
  • This test checks that 'background-position: right bottom' will make background-image start at lower right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-018 = BitmapsInteract 'background-position: left top' and 'vertical-rl' when document root element does not fill viewport width
  • This test checks that 'background-position: left top' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-020 = BitmapsInteract 'background-position: left center' and 'vertical-rl' when document root element does not fill viewport width
  • This test checks that 'background-position: left center' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
background-position-vrl-022 = BitmapsInteract 'background-position: left bottom' and 'vertical-rl' when document root element does not fill viewport width
  • This test checks that 'background-position: left bottom' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.
+ 7.7 Table Caption Mappings: the caption-side keywords