|
+
7.1 Principles of Layout in Vertical Writing Modes |
|---|
|
abs-pos-non-replaced-icb-vlr-003 |
= |
|
position absolute and 'vertical-lr' - 'left: auto', 'width: auto' and 'right: auto' with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left: auto', 'width: auto' and 'right: auto') whose containing block is the initial containing block must set 'left' to the static position. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-005 |
= |
Bitmaps |
position absolute and 'vertical-lr' - 'left: auto', 'width: auto' and 'right: auto' with 'direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left: auto', 'width: auto' and 'right: auto') whose containing block is the initial containing block must set 'right' to the static position. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-007 |
= |
|
position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'width' are 'auto' and 'right' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-009 |
= |
|
position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' and 'width' are 'auto' and 'right' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-011 |
= |
|
position absolute and 'vertical-lr' - 'left' and 'right' are 'auto' and 'width' is not 'auto' with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'right' are 'auto' and 'width' is not 'auto') whose containing block is the initial containing block and whose direction is 'ltr' must set left to static position and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-013 |
= |
Bitmaps |
position absolute and 'vertical-lr' - 'left' and 'right' are 'auto', 'width' is not 'auto' with 'direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' and 'right' are 'auto', 'width' is not 'auto') whose containing block is the initial containing block and whose direction is 'rtl' must set right to static position and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-015 |
= |
|
position absolute and 'vertical-lr' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block
- This test checks that when initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'width' and 'right' are 'auto' and 'left' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-017 |
= |
|
position absolute and 'vertical-lr' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block
- This test checks that when initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'width' and 'right' are 'auto' and 'left' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-019 |
= |
|
position absolute and 'vertical-lr' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-021 |
= |
|
position absolute and 'vertical-lr' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-023 |
= |
|
position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'width' is 'auto', 'left' and 'right' are not 'auto') whose containing block is the initial containing block must solve 'width'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-025 |
= |
|
position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'width' is 'auto', 'left' and 'right' are not 'auto') whose containing block is the initial containing block must solve 'width'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-027 |
= |
|
position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'right' is 'auto', 'left' and 'width' are not 'auto') whose containing block is the initial containing block must solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-029 |
= |
|
position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'right' is 'auto', 'left' and 'width' are not 'auto') whose containing block is the initial containing block must solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-031 |
= |
|
position absolute and 'vertical-lr' - overconstrained values with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with overconstrained 'left', 'width' and 'right' values) whose containing block is the initial containing block must ignore the value for 'right' and solve for that value. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vlr-033 |
= |
|
position absolute and 'vertical-lr' - overconstrained values with 'direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with overconstrained 'left', 'width' and 'right' values) whose containing block is the initial containing block must ignore the value for 'left' and solve for that value. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-002 |
= |
|
position absolute and 'vertical-rl' - 'left: auto', 'width: auto' and 'right: auto' with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left: auto', 'width: auto' and 'right: auto') whose containing block is the initial containing block must set 'left' to the static position. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-004 |
= |
Bitmaps |
position absolute and 'vertical-rl' - 'left: auto', 'width: auto' and 'right: auto' with 'direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left: auto', 'width: auto' and 'right: auto') whose containing block is the initial containing block must set 'right' to the static position. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-006 |
= |
|
position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'width' are 'auto' and 'right' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-008 |
= |
|
position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' and 'width' are 'auto' and 'right' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-010 |
= |
|
position absolute and 'vertical-rl' - 'left' and 'right' are 'auto', 'width' is not 'auto' with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'right' are 'auto', 'width' is not 'auto') whose containing block is the initial containing block and whose direction is 'ltr' must set left to static position and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-012 |
= |
Bitmaps |
position absolute and 'vertical-rl' - 'left' and 'right' are 'auto', 'width' is not 'auto' with 'direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' and 'right' are 'auto', 'width' is not 'auto') whose containing block is the initial containing block and whose direction is 'rtl' must set right to static position and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-014 |
= |
|
position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block
- This test checks that when initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'width' and 'right' are 'auto' and 'left' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-016 |
= |
|
position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block
- This test checks that when initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'width' and 'right' are 'auto' and 'left' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-018 |
= |
|
position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-020 |
= |
|
position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-022 |
= |
|
position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'width' is 'auto', 'left' and 'right' are not 'auto') whose containing block is the initial containing block must solve 'width'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-024 |
= |
|
position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'width' is 'auto', 'left' and 'right' are not 'auto') whose containing block is the initial containing block must solve 'width'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-026 |
= |
|
position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'right' is 'auto', 'left' and 'width' are not 'auto') whose containing block is the initial containing block must solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-028 |
= |
|
position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'right' is 'auto', 'left' and 'width' are not 'auto') whose containing block is the initial containing block must solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-030 |
= |
|
position absolute and 'vertical-rl' - overconstrained values with 'direction: ltr' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with overconstrained 'left', 'width' and 'right' values) whose containing block is the initial containing block must ignore the value for 'right' and solve for that value. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
abs-pos-non-replaced-icb-vrl-032 |
= |
|
position absolute and 'vertical-rl' - overconstrained values with 'direction: rtl' in initial containing block
- This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with overconstrained 'left', 'width' and 'right' values) whose containing block is the initial containing block must ignore the value for 'left' and solve for that value. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant.
|
|
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 set 'top' to the static position, then the height is based on the content 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 set 'left' to the static position, 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 set 'top' to the static position, then the height is based on the content 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 set 'bottom' to the static position, the height is based on the content 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 set 'right' to the static position, 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 set 'bottom' to the static position, the height is based on the content 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 is based on the content 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 is based on the content 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 is based on the content 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', 'height' are 'auto' and bottom is not 'auto', then the height is based on the content 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 'top' to static position and solve for 'bottom'.
|
|
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 'top' to static position and solve for 'bottom'.
|
|
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 is based on the content 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 is based on the content 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 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height is based on the content 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 is based on the content 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 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'
- When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', 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 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 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' (overconstrained)
- 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' (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-103 |
= |
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' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position, the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-105 |
= |
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 set 'top' to the static position, the height is based on content and then solve for 'bottom'.
|
|
abs-pos-non-replaced-vlr-107 |
= |
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' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position, the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-109 |
= |
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' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position, the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-111 |
= |
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' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position, the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-113 |
= |
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 set 'top' to the static position, the height is based on content and then solve for 'bottom'.
|
|
abs-pos-non-replaced-vlr-115 |
= |
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' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position, the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-117 |
= |
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' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position, the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-119 |
= |
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' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-121 |
= |
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 is based on content and then solve for 'top'.
|
|
abs-pos-non-replaced-vlr-123 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-125 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-127 |
= |
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' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-129 |
= |
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 is based on content and then solve for 'top'.
|
|
abs-pos-non-replaced-vlr-131 |
= |
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' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-133 |
= |
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' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-135 |
= |
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' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-137 |
= |
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 the static position and then solve for 'bottom'.
|
|
abs-pos-non-replaced-vlr-139 |
= |
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' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-141 |
= |
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' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-143 |
= |
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' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-145 |
= |
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 'top' to the static position and then solve for 'bottom'.
|
|
abs-pos-non-replaced-vlr-147 |
= |
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' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-149 |
= |
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' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position and then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-151 |
= |
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' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-153 |
= |
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 is based on content and then solve for 'bottom'.
|
|
abs-pos-non-replaced-vlr-155 |
= |
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' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-157 |
= |
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' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-159 |
= |
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' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-161 |
= |
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' and 'writing-mode' is 'vertical-lr', then then the height is based on the content and then solve for 'bottom'.
|
|
abs-pos-non-replaced-vlr-163 |
= |
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' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-165 |
= |
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' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-167 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto'
- When 'direction' is 'ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'right'.
|
|
abs-pos-non-replaced-vlr-169 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto', 'height' and 'bottom' are not 'auto'
- When 'direction' is 'ltr' and 'top' is 'auto', 'height' and 'bottom' are not 'auto', then solve for 'top'.
|
|
abs-pos-non-replaced-vlr-171 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
- When 'direction' is 'ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-173 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
- When 'direction' is 'ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-175 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
- When 'direction' is 'rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-177 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto', 'height' and 'bottom' are not 'auto'
- When 'direction' is 'rtl' and 'top' is 'auto', 'height' and 'bottom' are not 'auto', then then solve for 'top'.
|
|
abs-pos-non-replaced-vlr-179 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
- When 'direction' is 'rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-181 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
- When 'direction' is 'rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-183 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
- When 'direction' is 'ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.
|
|
abs-pos-non-replaced-vlr-185 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto', 'top' and 'bottom' are not 'auto'
- When 'direction' is 'ltr' and 'height' is 'auto', 'top' and 'bottom' are not 'auto', then solve for 'height'.
|
|
abs-pos-non-replaced-vlr-187 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
- When 'direction' is 'ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.
|
|
abs-pos-non-replaced-vlr-189 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
- When 'direction' is 'ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.
|
|
abs-pos-non-replaced-vlr-191 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
- When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.
|
|
abs-pos-non-replaced-vlr-193 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto', 'top' and 'bottom' are not 'auto'
- When 'direction' is 'rtl' and 'height' is 'auto', 'top' and 'bottom' are not 'auto', then then solve for 'height'.
|
|
abs-pos-non-replaced-vlr-195 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
- When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.
|
|
abs-pos-non-replaced-vlr-197 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
- When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.
|
|
abs-pos-non-replaced-vlr-199 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
- When 'direction' is 'ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-201 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto', 'top' and 'height' are not 'auto'
- When 'direction' is 'ltr' and 'bottom' is 'auto', 'top' and 'height' are not 'auto', then solve for 'bottom'.
|
|
abs-pos-non-replaced-vlr-203 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
- When 'direction' is 'ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-205 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
- When 'direction' is 'ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-207 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
- When 'direction' is 'rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-209 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto', 'top' and 'height' are not 'auto'
- When 'direction' is 'rtl' and 'bottom' is 'auto', 'top' and 'height' are not 'auto', then then solve for 'bottom'.
|
|
abs-pos-non-replaced-vlr-211 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
- When 'direction' is 'rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-213 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
- When 'direction' is 'rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
|
|
abs-pos-non-replaced-vlr-215 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
- When 'direction' is 'ltr' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr' and if the values are over-constrained, then ignore the value for 'right' and solve for that value.
|
|
abs-pos-non-replaced-vlr-217 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'bottom' and 'height' are not 'auto' (overconstrained)
- When 'direction' is 'ltr' and 'top', 'bottom' and 'height' are not 'auto' and if the values are over-constrained, then ignore the value for 'bottom' and solve for that value.
|
|
abs-pos-non-replaced-vlr-219 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
- When 'direction' is 'ltr' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr' and if the values are over-constrained, then ignore the value for 'right' and solve for that value.
|
|
abs-pos-non-replaced-vlr-221 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
- When 'direction' is 'ltr' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr' and if the values are over-constrained, then ignore the value for 'right' and solve for that value.
|
|
abs-pos-non-replaced-vlr-223 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
- When 'direction' is 'rtl' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr' and if the values are over-constrained, then ignore the value for 'right' and solve for that value.
|
|
abs-pos-non-replaced-vlr-225 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'bottom' and 'height' are not 'auto' (overconstrained)
- When 'direction' is 'rtl' and 'top', 'bottom' and 'height' are not 'auto' and if the values are over-constrained, then ignore the value for 'bottom' and solve for that value.
|
|
abs-pos-non-replaced-vlr-227 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
- When 'direction' is 'rtl' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr' and if the values are over-constrained, then ignore the value for 'right' and solve for that value.
|
|
abs-pos-non-replaced-vlr-229 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
- When 'direction' is 'rtl' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr' and if the values are over-constrained, then ignore the value for 'right' and solve for that value.
|
|
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 set 'top' to the static position, the height is based on the content 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 set 'left' to the static position, 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 set 'top' to the static position, the height is based on the content 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 set 'bottom' to the static position, the height is based on the content 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 set 'right' to the static position, 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 set 'bottom' to the static position, the height is based on the content 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 is based on the content 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 is based on the content 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 is based on the content 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 is based on the content 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 'top' to static position and solve for 'bottom'.
|
|
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 'top' to static position and then solve for 'bottom'.
|
|
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 is based on the content 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 is based on the content 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 is based on the content 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 is based on the content 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 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'
- When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', 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 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 '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 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' (overconstrained)
- 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' (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-102 |
= |
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' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position, the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-104 |
= |
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 set 'top' to the static position, the height is based on content and then solve for 'bottom'.
|
|
abs-pos-non-replaced-vrl-106 |
= |
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' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position, the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-108 |
= |
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' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position, the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-110 |
= |
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' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position, the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-112 |
= |
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 set 'top' to the static position, the height is based on content and then solve for 'bottom'.
|
|
abs-pos-non-replaced-vrl-114 |
= |
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' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position, the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-116 |
= |
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' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position, the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-118 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vrl-120 |
= |
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 is based on content and then solve for 'top'.
|
|
abs-pos-non-replaced-vrl-122 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vrl-124 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vrl-126 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vrl-128 |
= |
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 is based on content and then solve for 'top'.
|
|
abs-pos-non-replaced-vrl-130 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vrl-132 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
|
|
abs-pos-non-replaced-vrl-134 |
= |
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' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-136 |
= |
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 the static position and then solve for 'bottom'.
|
|
abs-pos-non-replaced-vrl-138 |
= |
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' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-140 |
= |
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' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-142 |
= |
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' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-144 |
= |
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 'top' to the static position and then solve for 'bottom'.
|
|
abs-pos-non-replaced-vrl-146 |
= |
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' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-148 |
= |
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' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-150 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-152 |
= |
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 is based on content and then solve for 'bottom'.
|
|
abs-pos-non-replaced-vrl-154 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-156 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-158 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-160 |
= |
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' and 'writing-mode' is 'vertical-rl', then then the height is based on the content and then solve for 'bottom'.
|
|
abs-pos-non-replaced-vrl-162 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-164 |
= |
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' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-166 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto'
- When 'direction' is 'ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'right'.
|
|
abs-pos-non-replaced-vrl-168 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto', 'height' and 'bottom' are not 'auto'
- When 'direction' is 'ltr' and 'top' is 'auto', 'height' and 'bottom' are not 'auto', then solve for 'top'.
|
|
abs-pos-non-replaced-vrl-170 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
- When 'direction' is 'ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-172 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
- When 'direction' is 'ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-174 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
- When 'direction' is 'rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-176 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto', 'height' and 'bottom' are not 'auto'
- When 'direction' is 'rtl' and 'top' is 'auto', 'height' and 'bottom' are not 'auto', then then solve for 'top'.
|
|
abs-pos-non-replaced-vrl-178 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
- When 'direction' is 'rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-180 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
- When 'direction' is 'rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-182 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
- When 'direction' is 'ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.
|
|
abs-pos-non-replaced-vrl-184 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto', 'top' and 'bottom' are not 'auto'
- When 'direction' is 'ltr' and 'height' is 'auto', 'top' and 'bottom' are not 'auto', then solve for 'height'.
|
|
abs-pos-non-replaced-vrl-186 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
- When 'direction' is 'ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.
|
|
abs-pos-non-replaced-vrl-188 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
- When 'direction' is 'ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.
|
|
abs-pos-non-replaced-vrl-190 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
- When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.
|
|
abs-pos-non-replaced-vrl-192 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto', 'top' and 'bottom' are not 'auto'
- When 'direction' is 'rtl' and 'height' is 'auto', 'top' and 'bottom' are not 'auto', then then solve for 'height'.
|
|
abs-pos-non-replaced-vrl-194 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
- When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.
|
|
abs-pos-non-replaced-vrl-196 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
- When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.
|
|
abs-pos-non-replaced-vrl-198 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
- When 'direction' is 'ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-200 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto', 'top' and 'height' are not 'auto'
- When 'direction' is 'ltr' and 'bottom' is 'auto', 'top' and 'height' are not 'auto', then solve for 'bottom'.
|
|
abs-pos-non-replaced-vrl-202 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
- When 'direction' is 'ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-204 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
- When 'direction' is 'ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-206 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
- When 'direction' is 'rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-208 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto', 'top' and 'height' are not 'auto'
- When 'direction' is 'rtl' and 'bottom' is 'auto', 'top' and 'height' are not 'auto', then then solve for 'bottom'.
|
|
abs-pos-non-replaced-vrl-210 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
- When 'direction' is 'rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-212 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
- When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
|
|
abs-pos-non-replaced-vrl-214 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
- When 'direction' is 'ltr' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl' and if the values are over-constrained, then ignore the value for 'left' and solve for that value.
|
|
abs-pos-non-replaced-vrl-216 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'bottom' and 'height' are not 'auto' (overconstrained)
- When 'direction' is 'ltr' and 'top', 'bottom' and 'height' are not 'auto' and if the values are over-constrained, then ignore the value for 'bottom' and solve for that value.
|
|
abs-pos-non-replaced-vrl-218 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
- When 'direction' is 'ltr' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl' and if the values are over-constrained, then ignore the value for 'left' and solve for that value.
|
|
abs-pos-non-replaced-vrl-220 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
- When 'direction' is 'ltr' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl' and if the values are over-constrained, then ignore the value for 'left' and solve for that value.
|
|
abs-pos-non-replaced-vrl-222 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
- When 'direction' is 'rtl' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl' and if the values are over-constrained, then ignore the value for 'left' and solve for that value.
|
|
abs-pos-non-replaced-vrl-224 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'bottom' and 'height' are not 'auto' (overconstrained)
- When 'direction' is 'rtl' and 'top', 'bottom' and 'height' are not 'auto' and if the values are over-constrained, then ignore the value for 'bottom' and solve for that value.
|
|
abs-pos-non-replaced-vrl-226 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
- When 'direction' is 'rtl' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl' and if the values are over-constrained, then ignore the value for 'left' and solve for that value.
|
|
abs-pos-non-replaced-vrl-228 |
= |
AhemBitmaps |
absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
- When 'direction' is 'rtl' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl' and if the values are over-constrained, then ignore the value for 'left' and solve for that value.
|
|
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.
|
|
contiguous-floated-table-vlr-003 |
= |
|
floated border-collapsing tables (vertical-lr)
- This test checks that contiguous floated border-collapsing tables in a 'vertical-lr' context do not overlap.
|
|
contiguous-floated-table-vlr-005 |
= |
|
floated non-border-collapsing tables (vertical-lr)
- This test checks that contiguous floated non-border-collapsing tables in a 'vertical-lr' context do not overlap.
|
|
contiguous-floated-table-vlr-007 |
= |
Bitmaps |
vertical-lr - contiguous floated tables and horizontal margins
- This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-lr' are not subtracted by the amount of their borders. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse.
|
|
contiguous-floated-table-vlr-009 |
= |
Bitmaps |
vertical-lr - contiguous floated tables and horizontal margins
- This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-lr' are not subtracted by the amount of their horizontal padding. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse.
|
|
contiguous-floated-table-vrl-002 |
= |
|
floated border-collapsing tables (vertical-rl)
- This test checks that contiguous floated border-collapsing tables in a 'vertical-rl' context do not overlap.
|
|
contiguous-floated-table-vrl-004 |
= |
|
floated non-border-collapsing tables (vertical-rl)
- This test checks that contiguous floated non-border-collapsing tables in a 'vertical-rl' context do not overlap.
|
|
contiguous-floated-table-vrl-006 |
= |
Bitmaps |
vertical-rl - contiguous floated tables and horizontal margins
- This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-rl' are not subtracted by the amount of their borders. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse.
|
|
contiguous-floated-table-vrl-008 |
= |
Bitmaps |
vertical-rl - contiguous floated tables and horizontal margins
- This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-rl' are not subtracted by the amount of their horizontal padding. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse.
|
|
dynamic-offset-rtl-001 |
= |
DOM/JS |
dynamic changes to offset properties
- Layout rules for 'right' and 'left' are handled correctly for absolutely positioned elements, in the presence of dynamic changes to 'width' of the containing block.
|
|
dynamic-offset-rtl-002 |
= |
DOM/JS |
dynamic changes to offset properties
- Layout rules for 'right' and 'left' are handled correctly for absolutely positioned elements, in the presence of dynamic changes to 'width' of the containing block.
|
|
dynamic-offset-vrl-001 |
= |
DOM/JS |
dynamic changes to offset properties
- Layout rules for 'right' and 'left' are handled correctly for absolutely positioned elements, in the presence of dynamic changes to 'width' of the containing block.
|
|
dynamic-offset-vrl-002 |
= |
DOM/JS |
dynamic changes to offset properties
- Layout rules for 'right' and 'left' are handled correctly for absolutely positioned elements, in the presence of dynamic changes to 'width' of the containing block.
|
|
dynamic-offset-vrl-rtl-001 |
= |
DOM/JS |
dynamic changes to offset properties
- Layout rules for 'right' and 'left' are handled correctly for absolutely positioned elements, in the presence of dynamic changes to 'width' of the containing block.
|
|
dynamic-offset-vrl-rtl-002 |
= |
DOM/JS |
dynamic changes to offset properties
- Layout rules for 'right' and 'left' are handled correctly for absolutely positioned elements, in the presence of dynamic changes to 'width' of the containing block.
|
|
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.
|
|
height-width-inline-non-replaced-vlr-003 |
= |
Ahem |
height and width - inline non-replaced element in vertical writing-mode
- This test checks that height and width declarations do not apply to inline non-replaced elements in vertical writing-modes.
|
|
height-width-inline-non-replaced-vrl-002 |
= |
Ahem |
height and width - inline non-replaced element in vertical writing-mode
- This test checks that height and width declarations do not apply to inline non-replaced elements in vertical writing-modes.
|
|
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.
|
|
img-intrinsic-size-contribution-001 |
= |
|
intrinsic size contributions of images in vertical writing mode
- The image's parent element's intrinsic inline size should be contributed to by the image's height, not the image's width
|
|
img-intrinsic-size-contribution-002 |
= |
|
intrinsic size contributions of images in vertical writing mode (with the image itself in horizontal writing mode)
- The image's parent element's intrinsic inline size should be contributed to by the image's height, not the image's width
|
|
line-box-height-vlr-003 |
= |
|
line box height and border on non-replaced inline box (mixed)
- This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
|
line-box-height-vlr-005 |
= |
|
line box height and padding on non-replaced inline box (mixed)
- This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
|
|
line-box-height-vlr-007 |
= |
|
line box height and border on non-replaced inline box (sideways)
- This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
|
line-box-height-vlr-009 |
= |
|
line box height and padding on non-replaced inline box (sideways)
- This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
|
|
line-box-height-vlr-011 |
= |
|
line box height and border on non-replaced inline box (upright)
- This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
|
line-box-height-vlr-013 |
= |
|
line box height and padding on non-replaced inline box (upright)
- This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
|
|
line-box-height-vlr-021 |
= |
|
line box height and border on non-replaced inline box (complex)
- This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
|
line-box-height-vlr-023 |
= |
|
line box height and border on non-replaced inline box (complex)
- This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
|
line-box-height-vrl-002 |
= |
|
line box height and border on non-replaced inline box (mixed)
- This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
|
line-box-height-vrl-004 |
= |
|
line box height and padding on non-replaced inline box (mixed)
- This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
|
|
line-box-height-vrl-006 |
= |
|
line box height and border on non-replaced inline box (sideways)
- This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
|
line-box-height-vrl-008 |
= |
|
line box height and padding on non-replaced inline box (sideways)
- This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
|
|
line-box-height-vrl-010 |
= |
|
line box height and border on non-replaced inline box (upright)
- This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
|
line-box-height-vrl-012 |
= |
|
line box height and padding on non-replaced inline box (upright)
- This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
|
|
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.
|
|
ortho-htb-alongside-vrl-floats-002 |
= |
Bitmaps |
positioning of an orthogonal (horizontal-tb) block alongside vertical-rl floats
- This test checks that non-positioned block boxes created after the float box flow vertically as if the float did not exist. In this test, the orange block box, which creates a new block formatting context, should flow next to the earliest float that offers sufficient (logical width) space.
|
|
ortho-htb-alongside-vrl-floats-006 |
= |
Bitmaps |
positioning of an orthogonal (horizontal-tb) block alongside vertical-rl floats
- This test checks that non-positioned block boxes created after the float box flow vertically as if the float did not exist. In this test, the orange block box, which creates a new block formatting context, should flow next to the earliest float that offers sufficient (logical width) space: in this test, this is the blue rectangle.
|
|
ortho-htb-alongside-vrl-floats-010 |
= |
Bitmaps |
positioning of an orthogonal (horizontal-tb) block alongside vertical-rl floats
- This test checks that non-positioned block boxes created after the float box flow vertically as if the float did not exist. In this test, the orange block box, which creates a new block formatting context, should flow next to the earliest float that offers sufficient (logical width) space: in this test, this is the blue rectangle.
|
|
ortho-htb-alongside-vrl-floats-014 |
= |
Bitmaps |
positioning of an orthogonal (horizontal-tb) block alongside vertical-rl floats
- This test checks that non-positioned block boxes created after the float box flow vertically as if the float did not exist. In this test, the orange block box, which creates a new block formatting context, should flow next to the earliest float that offers sufficient (logical width) space.
|
|
outline-inline-block-vrl-006 |
= |
Ahem |
outline layout and inline-block and vertical-rl writing-mode
|
|
outline-inline-vlr-003 |
|
|
outline layout and non-replaced inline in vertical-lr writing-mode
|
|
outline-inline-vlr-006 |
= |
Ahem |
outline layout and non-replaced inline and vertical-lr writing-mode
|
|
outline-inline-vlr-013 |
|
|
outline and multi-line non-replaced inline box
- Outline border must be connected and must enclose entirely a multi-line (non-replaced) inline box in a vertical writing-mode.
|
|
outline-inline-vrl-002 |
|
|
outline layout and non-replaced inline and vertical-rl writing-mode
|
|
outline-inline-vrl-006 |
= |
Ahem |
outline layout and non-replaced inline and vertical-rl writing-mode
|
|
outline-inline-vrl-012 |
|
|
outline and multi-line non-replaced inline box
- Outline border must be connected and must enclose entirely a multi-line (non-replaced) inline box in a vertical writing-mode.
|
|
overconstrained-rel-pos-ltr-left-right-vlr-005 |
= |
Bitmaps |
over-constrained relatively positioned element - 'direction: ltr' and 'left' and 'right' are not 'auto' in vertical-lr context
- When a relatively positioned element's 'direction' is 'ltr' and its 'left' and 'right' are not 'auto' in a vertical-lr context, then the value of 'left' wins and 'right' becomes -'left'.
|
|
overconstrained-rel-pos-ltr-left-right-vrl-004 |
= |
Bitmaps |
over-constrained relatively positioned element - 'direction: ltr' and 'left' and 'right' are not 'auto' in vertical-rl context
- When a relatively positioned element's 'direction' is 'ltr' and its 'left' and 'right' are not 'auto' in a vertical-rl context, then the value of 'right' wins and 'left' becomes -'right'.
|
|
overconstrained-rel-pos-ltr-top-bottom-vlr-003 |
= |
Bitmaps |
over-constrained relatively positioned element - 'direction: ltr' and 'top' and 'bottom' are not 'auto' in vertical-lr context
- When a relatively positioned element's 'direction' is 'ltr' and its 'top' and 'bottom' are not 'auto' in a vertical-lr context, then the value of 'top' wins and 'bottom' becomes -'top'.
|
|
overconstrained-rel-pos-ltr-top-bottom-vrl-002 |
= |
Bitmaps |
over-constrained relatively positioned element - 'direction: ltr' and 'top' and 'bottom' are not 'auto' in vertical-rl context
- When a relatively positioned element's 'direction' is 'ltr' and its 'top' and 'bottom' are not 'auto' in a vertical-rl context, then the value of 'top' wins and 'bottom' becomes -'top'.
|
|
overconstrained-rel-pos-rtl-left-right-vlr-009 |
= |
Bitmaps |
over-constrained relatively positioned element - 'direction: rtl' and 'left' and 'right' are not 'auto' in vertical-lr context
- When a relatively positioned element's 'direction' is 'rtl' and its 'left' and 'right' are not 'auto' in a vertical-lr context, then the value of 'right' wins and 'left' becomes -'right'.
|
|
overconstrained-rel-pos-rtl-left-right-vrl-008 |
= |
Bitmaps |
over-constrained relatively positioned element - 'direction: rtl' and 'left' and 'right' are not 'auto' in vertical-rl context
- When a relatively positioned element's 'direction' is 'rtl' and its 'left' and 'right' are not 'auto' in a vertical-rl context, then the value of 'right' wins and 'left' becomes -'right'.
|
|
overconstrained-rel-pos-rtl-top-bottom-vlr-007 |
= |
Bitmaps |
over-constrained relatively positioned element - 'direction: rtl' and 'top' and 'bottom' are not 'auto' in vertical-lr context
- When a relatively positioned element's 'direction' is 'rtl' and its 'top' and 'bottom' are not 'auto' in a vertical-lr context, then the value of 'top' wins and 'bottom' becomes -'top'.
|
|
overconstrained-rel-pos-rtl-top-bottom-vrl-006 |
= |
Bitmaps |
over-constrained relatively positioned element - 'direction: rtl' and 'top' and 'bottom' are not 'auto' in vertical-rl context
- When a relatively positioned element's 'direction' is 'rtl' and its 'top' and 'bottom' are not 'auto' in a vertical-rl context, then the value of 'top' wins and 'bottom' becomes -'top'.
|
|
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.
|
|
relpos-inline-overflowing-block-vrl |
= |
|
vertical-rl, relatively positioned inline in block that overflows smaller parent
|
|
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). This test relies on right-to-left directionality applying to characters that are strongly sensitive to directionality. In this test, we use digits [0-9] and non-breaking spaces which are all strongly sensitive to bidi directionality.
|
|
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). This test relies on right-to-left directionality applying to characters that are strongly sensitive to directionality. In this test, we use digits [0-9] and non-breaking spaces which are all strongly sensitive to bidi directionality.
|
|
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. This test relies on right-to-left directionality applying to characters that are strongly sensitive to directionality. In this test, we use digits [0-9] and non-breaking spaces which are all strongly sensitive to bidi directionality.
|
|
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. This test relies on right-to-left directionality applying to characters that are strongly sensitive to directionality. In this test, we use digits [0-9] and non-breaking spaces which are all strongly sensitive to bidi directionality.
|
|
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.3.1 Available Space of Orthogonal Flows |
|---|
|
available-size-001 |
= |
|
Testing Available Space in Orthogonal Flows / max-height / content height
- When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does not have a fixed height but does have a fixed max-height, use that, making sure you stick with the content height.
|
|
available-size-002 |
= |
|
Testing Available Space in Orthogonal Flows / max-height / no scroller
- When an orthogonal flow's ancestor doesn't have a definite block size but does have a fixed max-height, but isn't a scroller, do not use that size.
|
|
available-size-003 |
= |
|
Testing Available Space in Orthogonal Flows / height / content height
- When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does have a fixed height, use that, making sure you stick with the content height.
|
|
available-size-004 |
= |
|
Testing Available Space in Orthogonal Flows / height / no scroller
- When an orthogonal flow's parent doesn't have a definite block size but an ancestor that is **not** a scroller does have a fixed height, do not use that.
|
|
available-size-005 |
= |
|
Testing Available Space in Orthogonal Flows / height / not remaining size
- When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does a have fixed height, use that whole height, even if some other content already consumes some of it.
|
|
available-size-006 |
= |
|
Testing Available Space in Orthogonal Flows / ICB
- When an orthogonal flow's parent doesn't have a definite block size, and there's no scroller among ancestors, use the ICB instead.
|
|
available-size-007 |
= |
|
Testing Available Space in Orthogonal Flows / ICB
- When an orthogonal flow's parent doesn't have a definite block size, and there's no scroller among ancestors, use the ICB instead (not the content height of the body element, which is the ICB reduced by body's margins).
|
|
available-size-008 |
= |
|
Testing Available Space in Orthogonal Flows / ICB / tall max-height scroller
- When an orthogonal flow's parent doesn't have a definite block size, and there's a scroller with max-height, but that scroller has a taller max-height than the ICB, use the ICB instead.
|
|
available-size-009 |
= |
|
Testing Available Space in Orthogonal Flows / ICB / tall height scroller
- When an orthogonal flow's parent doesn't have a definite block size, and there's a scroller with height, but that scroller is taller than the ICB, use the ICB instead.
|
|
available-size-010 |
= |
|
Testing Available Space in Orthogonal Flows / ICB / tall max-height scroller
- When an orthogonal flow's parent doesn't have a definite block size, and the nearest scroller goes not have a fixed height or max-height, use the ICB, even if there is another scroller ancestor up the chain that does have fixed dimensions.
|
|
available-size-011 |
= |
|
orthogonal flow parent with max-height
- If an orthogonal flow's parent doesn't have a definite block size but does have a max block size, use that as the available size
|
|
available-size-012 |
= |
|
Testing Available Space in Orthogonal Flows / max-height + min-height / content height
- When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does not have a fixed height but does have a fixed max-height, use that, increased by min-height if it exists and is larger. (same as -001, with min-height)
|
|
available-size-013 |
= |
|
Testing Available Space in Orthogonal Flows / height + min-height/ content height
- When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does have a fixed height, use that, increased by the min-height if it is set and is larger (same as -003, with min-height).
|
|
available-size-014 |
= |
|
Testing Available Space in Orthogonal Flows / height + min-height / not remaining size
- When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does a have fixed height, use that whole height increased by min-height if that's larger, even if some other content already consumes some of it (same as -005, with min-height).
|
|
available-size-015 |
= |
|
Testing Available Space in Orthogonal Flows / ICB / tall max-height + min-height scroller
- When an orthogonal flow's parent doesn't have a definite block size, and there's a scroller with max-height and min-height, and max-height is smaller than the ICB but min-height is larger than the ICB, use the ICB as the available space (same as -008, with min-height).
|
|
available-size-016 |
= |
|
Testing Available Space in Orthogonal Flows / ICB / tall height + min-height scroller
- When an orthogonal flow's parent doesn't have a definite block size, and there's a scroller with height and min-height, and height is smaller than the ICB but min-height is larger than the ICB, use the ICB as the available space (same as -009, with min-height).
|
|
available-size-017 |
= |
|
Testing Available Space in Orthogonal Flows / height + min-height parent
- When an orthogonal flow's parent has a height and a min-height larger than the height, use min-height as the available size.
|
|
available-size-018 |
= |
|
Testing Available Space in Orthogonal Flows / max-height + min-height parent
- When an orthogonal flow's parent has a max-height and a min-height larger than the height, use min-height as the available size.
|
|
available-size-019 |
= |
|
Testing Available Space in Orthogonal Flows / ICB / tall max-height parent
- When an orthogonal flow's parent doesn't have a definite block size, but has a max-height, but that max-height is than the ICB, use the ICB instead.
|
|
float-lft-orthog-htb-in-vlr-002 |
= |
|
orthogonal floated left in vertical-lr context
- This test checks the horizontal position of an orthogonal floated left block box inside a vertical-lr parent. The orthogonal floated left block box must be put as far to the left as possible inside the vertical-lr line box.
|
|
float-lft-orthog-htb-in-vrl-002 |
= |
|
orthogonal floated left in vertical-rl context
- This test checks the horizontal position of an orthogonal floated left block box inside an vertical-rl parent. The orthogonal floated left block box must be put as far to the right as possible inside the vertical-rl line box.
|
|
float-lft-orthog-vlr-in-htb-002 |
= |
|
orthogonal floated left in horizontal-tb context
- This test checks the vertical position of an orthogonal floated left block box inside an horizontal-tb parent. The orthogonal floated left block box must be put as high as possible inside the horizontal-tb line box.
|
|
float-lft-orthog-vrl-in-htb-002 |
= |
|
orthogonal floated left in horizontal-tb context
- This test checks the vertical position of an orthogonal floated left block box inside an horizontal-tb parent. The orthogonal floated left block box must be put as high as possible inside the horizontal-tb line box.
|
|
float-rgt-orthog-htb-in-vlr-003 |
= |
|
orthogonal floated right in vertical-lr context
- This test checks the horizontal position of an orthogonal floated right block box inside a vertical-lr parent. The orthogonal floated right block box must be put as far to the left as possible inside the vertical-lr line box.
|
|
float-rgt-orthog-htb-in-vrl-003 |
= |
|
orthogonal floated right in vertical-rl context
- This test checks the horizontal position of an orthogonal floated right block box inside a vertical-rl parent. The orthogonal floated right block box must be put as far to the right as possible inside the vertical-rl line box.
|
|
float-rgt-orthog-vlr-in-htb-003 |
= |
|
orthogonal floated right in horizontal-tb context
- This test checks the vertical position of an orthogonal floated right block box inside an horizontal-tb parent. The orthogonal floated right block box must be put as high as possible inside the horizontal-tb line box.
|
|
float-rgt-orthog-vrl-in-htb-003 |
= |
|
orthogonal floated right in horizontal-tb context
- This test checks the vertical position of an orthogonal floated right block box inside an horizontal-tb parent. The orthogonal floated right block box must be put as high as possible inside the horizontal-tb line box.
|
|
sizing-orthog-htb-in-vlr-001 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-htb-in-vlr-003 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport. In this test, the max-content will be less than the width of the initial containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-htb-in-vlr-004 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-htb-in-vlr-006 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport. In this test, the max-content will be less than the width of the initial containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-htb-in-vlr-007 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px.
|
|
sizing-orthog-htb-in-vlr-008 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px. In this test, min-content inline size (50ch) is greater than the width (400px) of the containing block. Therefore, the inline size of the orthogonal block will be the min-content inline size.
|
|
sizing-orthog-htb-in-vlr-009 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px. In this test, the max-content will be less than the width of the containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-htb-in-vlr-010 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px.
|
|
sizing-orthog-htb-in-vlr-011 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px. In this test, we assume that the 50 characters long word is wider than the div#sized-400px-vlr-containing-block. Therefore, min-content is greater than constraint.
|
|
sizing-orthog-htb-in-vlr-012 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px. In this test, the max-content will be less than the width of the containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-htb-in-vlr-013 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-htb-in-vlr-015 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport. In this test, the max-content will be less than the width of the initial containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-htb-in-vlr-016 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-htb-in-vlr-018 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport. In this test, the max-content will be less than the width of the initial containing block. Therefore the inline size of div#ortho-block-vlr will be its max-content.
|
|
sizing-orthog-htb-in-vlr-019 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px.
|
|
sizing-orthog-htb-in-vlr-020 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width (inline-size) of the containing block is definite in this test, then the constrain is the width (inline-size) of such containing block which is, in this test, 400px. But the min-content inline size of the orthogonal block is greater than the width (inline-size) of the containing block. Therefore, the min-content inline-size will become the width of the orthogonal block.
|
|
sizing-orthog-htb-in-vlr-021 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px. In this test, the max-content will be less than the width of the containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-htb-in-vlr-022 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then the constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px.
|
|
sizing-orthog-htb-in-vlr-023 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px. In this test, we assume that the 50 characters long word is wider than the div#sized-400px-vlr-containing-block. Therefore, min-content is greater than constraint.
|
|
sizing-orthog-htb-in-vlr-024 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px. In this test, the max-content will be less than the width of the containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-htb-in-vrl-001 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-htb-in-vrl-003 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport. In this test, the max-content will be less than the width of the initial containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-htb-in-vrl-004 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-htb-in-vrl-006 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport. In this test, the max-content will be less than the width of the initial containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-htb-in-vrl-007 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px.
|
|
sizing-orthog-htb-in-vrl-008 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px. In this test, min-content inline size (50ch) is greater than the width (400px) of the containing block. Therefore, the inline size of the orthogonal block will be the min-content inline size.
|
|
sizing-orthog-htb-in-vrl-009 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. In this test, the max-content inline size of the orthogonal block will be smaller than the width of its containing block. Therefore the inline size of div#ortho-block-htb will be its max-content inline-size.
|
|
sizing-orthog-htb-in-vrl-010 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px. Therefore, the outer edges of the inline-axis of the orthogonal block becomes '400px'.
|
|
sizing-orthog-htb-in-vrl-011 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. But the min-content inline size of the orthogonal block is greater than '400px' and less than the width of the initial containing block. In such case, the inline-size content edges of the orthogonal block becomes its min-content. In this test, we assume that the 50 characters long word is wider than the div#sized-400px-vrl-containing-block. Therefore, min-content is greater than constraint.
|
|
sizing-orthog-htb-in-vrl-012 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. The max-content is narrower than the definite-sized width of the containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-htb-in-vrl-013 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-htb-in-vrl-015 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport. But the max-content inline size of the orthogonal block is less than the width of the initial containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-htb-in-vrl-016 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-htb-in-vrl-018 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside auto-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the width of the containing block is indefinite in this test, then constrain is the width of initial containing block which is, in this test, equal to the width of the viewport. In this test, the max-content inline size of the orthogonal block is less than the width of the initial containing block. Therefore the inline size of div#ortho-block-vrl will be its max-content.
|
|
sizing-orthog-htb-in-vrl-019 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px.
|
|
sizing-orthog-htb-in-vrl-020 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. min-content inline size is greater than 400px. Therefore, the inline size of the orthogonal block will be its min-content. This test presumes that the initial containing block's width is greater than 400px.
|
|
sizing-orthog-htb-in-vrl-021 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px. In this test, the max-content will be less than the width of the containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-htb-in-vrl-022 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px.
|
|
sizing-orthog-htb-in-vrl-023 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px. In this test, we assume that the 50 characters long word is wider than the div#sized-400px-vrl-containing-block. Therefore, min-content is greater than constraint.
|
|
sizing-orthog-htb-in-vrl-024 |
= |
|
sizing of orthogonal 'horizontal-tb' block with 'auto' inline size inside definite-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the width of the containing block is definite in this test, then constrain is the width of such containing block which is, in this test, 400px. This test presumes that the initial containing block's width is greater than 400px. In this test, the max-content will be less than the width of the containing block. Therefore the inline size of div#ortho-block-htb will be its max-content.
|
|
sizing-orthog-prct-htb-in-vlr-001 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside auto-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the width of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-prct-htb-in-vlr-002 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside auto-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the width of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-prct-htb-in-vlr-003 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside definite-sized 'vertical-lr' containing block
- In this test, the width of the containing block is definite, therefore 50% is applied on the width of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-htb-in-vlr-004 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside definite-sized 'vertical-lr' containing block
- In this test, the width of the containing block is definite, therefore 50% is applied on the width of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-htb-in-vlr-005 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside auto-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the width of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-prct-htb-in-vlr-006 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside auto-sized 'vertical-lr' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the width of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-prct-htb-in-vlr-007 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside definite-sized 'vertical-lr' containing block
- In this test, the width of the containing block is definite, therefore 50% is applied on the width of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-htb-in-vlr-008 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside definite-sized 'vertical-lr' containing block
- In this test, the width of the containing block is definite, therefore 50% is applied on the width of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-htb-in-vrl-001 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside auto-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the width of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-prct-htb-in-vrl-002 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside auto-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the width of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-prct-htb-in-vrl-003 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside definite-sized 'vertical-rl' containing block
- In this test, the width of the containing block is definite, therefore 50% is applied on the width of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-htb-in-vrl-004 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside definite-sized 'vertical-rl' containing block
- In this test, the width of the containing block is definite, therefore 50% is applied on the width of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-htb-in-vrl-005 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside auto-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the width of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-prct-htb-in-vrl-006 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside auto-sized 'vertical-rl' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the width of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the width of the viewport.
|
|
sizing-orthog-prct-htb-in-vrl-007 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside definite-sized 'vertical-rl' containing block
- In this test, the width of the containing block is definite, therefore 50% is applied on the width of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-htb-in-vrl-008 |
= |
|
sizing of orthogonal 'horizontal-tb' block with percent inline-size inside definite-sized 'vertical-rl' containing block
- In this test, the width of the containing block is definite, therefore 50% is applied on the width of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-vlr-in-htb-001 |
= |
|
sizing of orthogonal 'vertical-lr' block with percent inline-size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the height of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-prct-vlr-in-htb-002 |
= |
|
sizing of orthogonal 'vertical-lr' block with percent inline-size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the height of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-prct-vlr-in-htb-003 |
= |
|
sizing of orthogonal 'vertical-lr' block with percent inline-size inside definite-sized 'horizontal-tb' containing block
- In this test, the height of the containing block is definite, therefore 50% is applied on the height of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-vlr-in-htb-004 |
= |
|
sizing of orthogonal 'vertical-lr' block with percent inline-size inside definite-sized 'horizontal-tb' containing block
- In this test, the height of the containing block is definite, therefore 50% is applied on the height of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-vlr-in-htb-005 |
= |
|
sizing of orthogonal 'vertical-lr' block with percent inline-size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the height of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-prct-vlr-in-htb-006 |
= |
|
sizing of orthogonal 'vertical-lr' block with percent inline-size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the height of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-prct-vlr-in-htb-007 |
= |
|
sizing of orthogonal 'vertical-lr' block with percent inline-size inside definite-sized 'horizontal-tb' containing block
- In this test, the height of the containing block is definite, therefore 50% is applied on the height of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-vlr-in-htb-008 |
= |
|
sizing of orthogonal 'vertical-lr' block with percent inline-size inside definite-sized 'horizontal-tb' containing block
- In this test, the height of the containing block is definite, therefore 50% is applied on the height of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-vrl-in-htb-001 |
= |
|
sizing of orthogonal 'vertical-rl' block with percent inline-size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the height of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-prct-vrl-in-htb-002 |
= |
|
sizing of orthogonal 'vertical-rl' block with percent inline-size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the height of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-prct-vrl-in-htb-003 |
= |
|
sizing of orthogonal 'vertical-rl' block with percent inline-size inside definite-sized 'horizontal-tb' containing block
- In this test, the height of the containing block is definite, therefore 50% is applied on the height of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-vrl-in-htb-004 |
= |
|
sizing of orthogonal 'vertical-rl' block with percent inline-size inside definite-sized 'horizontal-tb' containing block
- In this test, the height of the containing block is definite, therefore 50% is applied on the height of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-vrl-in-htb-005 |
= |
|
sizing of orthogonal 'vertical-rl' block with percent inline-size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the height of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-prct-vrl-in-htb-006 |
= |
|
sizing of orthogonal 'vertical-rl' block with percent inline-size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is '50%' and its containing block's block size is 'auto'. Since the height of the containing block is indefinite in this test, then the initial containing block's size is used as a fallback which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-prct-vrl-in-htb-007 |
= |
|
sizing of orthogonal 'vertical-rl' block with percent inline-size inside definite-sized 'horizontal-tb' containing block
- In this test, the height of the containing block is definite, therefore 50% is applied on the height of such containing block which is, in this test, 400px.
|
|
sizing-orthog-prct-vrl-in-htb-008 |
= |
|
sizing of orthogonal 'vertical-rl' block with percent inline-size inside definite-sized 'horizontal-tb' containing block
- In this test, the height of the containing block is definite, therefore 50% is applied on the height of such containing block which is, in this test, 400px.
|
|
sizing-orthog-vlr-in-htb-001 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-vlr-in-htb-003 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport. In this test, the max-content will be smaller than the height of the initial containing block. Therefore the inline size of div#ortho-block-vlr will be its max-content.
|
|
sizing-orthog-vlr-in-htb-004 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-vlr-in-htb-006 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport. In this test, the max-content will be smaller than the height of the initial containing block. Therefore the inline size of div#ortho-block-vlr will be its max-content.
|
|
sizing-orthog-vlr-in-htb-007 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px.
|
|
sizing-orthog-vlr-in-htb-008 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, min-content inline size is presumed to be greater than the height (400px) of the containing block. Therefore the content edges of the inline size of the orthogonal block will be its min-content.
|
|
sizing-orthog-vlr-in-htb-009 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, the max-content will be smaller than the height of the containing block. Therefore the inline size of div#ortho-block-vlr will be its max-content.
|
|
sizing-orthog-vlr-in-htb-010 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px.
|
|
sizing-orthog-vlr-in-htb-011 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, we assume that the 50 characters long word is greater than the height of div#sized-400px-htb-containing-block. Therefore, min-content is greater than constraint.
|
|
sizing-orthog-vlr-in-htb-012 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, the max-content will be smaller than the height of the initial containing block. Therefore the inline size of div#ortho-block-vlr will be its max-content.
|
|
sizing-orthog-vlr-in-htb-013 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-vlr-in-htb-015 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport. In this test, the max-content will be smaller than the height of the initial containing block. Therefore the inline size of div#ortho-block-vlr will be its max-content.
|
|
sizing-orthog-vlr-in-htb-016 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-vlr-in-htb-018 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport. In this test, the max-content will be smaller than the height of the initial containing block. Therefore the inline size of div#ortho-block-vlr will be its max-content.
|
|
sizing-orthog-vlr-in-htb-019 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px.
|
|
sizing-orthog-vlr-in-htb-020 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, min-content will be greater than the height of the containing block. Therefore, the inline size of the orthogonal block will be its min-content.
|
|
sizing-orthog-vlr-in-htb-021 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, the max-content of the orthogonal block will be less than the height of its definite containing block. Therefore the inline size of div#ortho-block-vlr will be its max-content.
|
|
sizing-orthog-vlr-in-htb-022 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px.
|
|
sizing-orthog-vlr-in-htb-023 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, we assume that the 50 characters long word is greater than the height of div#sized-400px-htb-containing-block. Therefore, min-content is greater than constraint.
|
|
sizing-orthog-vlr-in-htb-024 |
= |
|
sizing of orthogonal 'vertical-lr' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, the max-content will be smaller than the height of the containing block. Therefore the inline size of div#ortho-block-vlr will be its max-content.
|
|
sizing-orthog-vrl-in-htb-001 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-vrl-in-htb-003 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport. In this test, the max-content will be smaller than the height of the initial containing block. Therefore the inline size of div#ortho-block-vrl will be its max-content.
|
|
sizing-orthog-vrl-in-htb-004 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-vrl-in-htb-006 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport. In this test, the max-content will be smaller than the height of the initial containing block. Therefore the inline size of div#ortho-block-vrl will be its max-content.
|
|
sizing-orthog-vrl-in-htb-007 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px.
|
|
sizing-orthog-vrl-in-htb-008 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, min-content inline size is presumed to be greater than the height (400px) of the containing block. Therefore the content edges of the inline size of the orthogonal block will be its min-content.
|
|
sizing-orthog-vrl-in-htb-009 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, the max-content will be smaller than the height of the containing block. Therefore the inline size of div#ortho-block-vrl will be its max-content.
|
|
sizing-orthog-vrl-in-htb-010 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px.
|
|
sizing-orthog-vrl-in-htb-011 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, we assume that the 50 characters long word is greater than the height of div#sized-400px-htb-containing-block. Therefore, min-content is greater than constraint.
|
|
sizing-orthog-vrl-in-htb-012 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, the max-content will be smaller than the height of the initial containing block. Therefore the inline size of div#ortho-block-vrl will be its max-content.
|
|
sizing-orthog-vrl-in-htb-013 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-vrl-in-htb-015 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport. In this test, the max-content will be smaller than the height of the initial containing block. Therefore the inline size of div#ortho-block-vrl will be its max-content.
|
|
sizing-orthog-vrl-in-htb-016 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport.
|
|
sizing-orthog-vrl-in-htb-018 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside auto-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is also 'auto'. Since the height of the containing block is indefinite in this test, then constrain is the height of initial containing block which is, in this test, equal to the height of the viewport. In this test, the max-content will be smaller than the height of the initial containing block. Therefore the inline size of div#ortho-block-vrl will be its max-content.
|
|
sizing-orthog-vrl-in-htb-019 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px.
|
|
sizing-orthog-vrl-in-htb-020 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, min-content will be greater than the height of the containing block. Therefore, the inline size of the orthogonal block will be its min-content.
|
|
sizing-orthog-vrl-in-htb-021 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, the max-content of the orthogonal block will be less than the height of its definite containing block. Therefore the inline size of div#ortho-block-vlr will be its max-content.
|
|
sizing-orthog-vrl-in-htb-022 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px.
|
|
sizing-orthog-vrl-in-htb-023 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, we assume that the 50 characters long word is greater than the height of div#sized-400px-htb-containing-block. Therefore, min-content is greater than constraint.
|
|
sizing-orthog-vrl-in-htb-024 |
= |
|
sizing of orthogonal 'vertical-rl' block with 'auto' inline size inside definite-sized 'horizontal-tb' containing block
- In this test, the inline size of the orthogonal block is 'auto' and its containing block's block size is '400px'. Since the height of the containing block is definite in this test, then constrain is the height of such containing block which is, in this test, 400px. This test presumes that the initial containing block's height is greater than 400px. In this test, the max-content will be smaller than the height of the containing block. Therefore the inline size of div#ortho-block-vrl will be its max-content.
|
|
sizing-orthogonal-percentage-margin-001 |
= |
|
Orthogonal element sizing and percentage margins
- This test checks that a verticalLR element inside an horizontal container computes properly its percentage margins against the container's inline size (the container's width in this test), and the element is sized accordingly subtracting those margins from the available size.
|
|
sizing-orthogonal-percentage-margin-002 |
= |
|
Orthogonal element sizing and percentage margins
- This test checks that a verticalRL element inside an horizontal container computes properly its percentage margins against the container's inline size (the container's width in this test), and the element is sized accordingly subtracting those margins from the available size.
|
|
sizing-orthogonal-percentage-margin-003 |
= |
|
Orthogonal element sizing and percentage margins
- This test checks that an horizontal element inside a verticalLR container computes properly its percentage margins against the container's inline size (the container's height in this test), and the element is sized accordingly subtracting those margins from the available size.
|
|
sizing-orthogonal-percentage-margin-004 |
= |
|
Orthogonal element sizing and percentage margins
- This test checks that an horizontal element inside a verticalLR container computes properly its percentage margins against the container's inline size (the container's height in this test), and the element is sized accordingly subtracting those margins from the available size.
|
|
sizing-orthogonal-percentage-margin-005 |
= |
|
Orthogonal element sizing and percentage margins
- This test checks that a verticalLR element inside an horizontal container computes properly its percentage margins against the container's inline size (the container's width in this test), and the element is sized accordingly subtracting those margins from the available size.
|
|
sizing-orthogonal-percentage-margin-006 |
= |
|
Orthogonal element sizing and percentage margins
- This test checks that a verticalRL element inside an horizontal container computes properly its percentage margins against the container's inline size (the container's width in this test), and the element is sized accordingly subtracting those margins from the available size.
|
|
sizing-orthogonal-percentage-margin-007 |
= |
|
Orthogonal element sizing and percentage margins
- This test checks that an horizontal element inside a verticalLR container computes properly its percentage margins against the container's inline size (the container's height in this test), and the element is sized accordingly subtracting those margins from the available size.
|
|
sizing-orthogonal-percentage-margin-008 |
= |
|
Orthogonal element sizing and percentage margins
- This test checks that an horizontal element inside a verticalLR container computes properly its percentage margins against the container's inline size (the container's height in this test), and the element is sized accordingly subtracting those margins from the available size.
|
|
sizing-percentages-replaced-orthogonal-001 |
= |
|
Percentage size on orthogonal replaced elements
- Checks that orthogonal replaced elements resolve properly their percentage sizes against the expected axis from their containing block.
|
|
three-levels-of-orthogonal-flows |
= |
|
Three levels of writing mode roots with text inside, no constraints
|
|
two-levels-of-orthogonal-flows |
= |
|
Two levels of writing mode roots with text inside, no constraints
|
|
two-levels-of-orthogonal-flows-fixed |
= |
|
Two levels of writing mode roots with text inside, fixed available inline size for inner on outer
|
|
two-levels-of-orthogonal-flows-percentage |
= |
|
Two levels of writing mode roots with text inside, percentage inline size on inner
|