mirror of
https://github.com/servo/servo.git
synced 2025-07-04 05:53:39 +01:00
6078 lines
No EOL
404 KiB
HTML
6078 lines
No EOL
404 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>Abstract Box Layout - CSS Writing Modes Module Level 3 CR Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
|
<h2>Abstract Box Layout (546 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column">
|
|
<col id="refs-column">
|
|
<col id="flags-column">
|
|
<col id="info-column">
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th><abbr title="Rendering References">Refs</abbr></th>
|
|
<th>Flags</th>
|
|
<th>Info</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="s7">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7">+</a>
|
|
<a href="https://www.w3.org/TR/css-writing-modes-3/#abstract-layout">7 Abstract Box Layout</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.1">+</a>
|
|
<a href="https://www.w3.org/TR/css-writing-modes-3/#vertical-layout">7.1 Principles of Layout in Vertical Writing Modes</a></th></tr>
|
|
<!-- 368 tests -->
|
|
<tr id="abs-pos-non-replaced-icb-vlr-003-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-003.htm">abs-pos-non-replaced-icb-vlr-003</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - 'left: auto', 'width: auto' and 'right: auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-005-7.1" class="image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-005.htm">abs-pos-non-replaced-icb-vlr-005</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>position absolute and 'vertical-lr' - 'left: auto', 'width: auto' and 'right: auto' with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-007-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-007.htm">abs-pos-non-replaced-icb-vlr-007</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-009-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-009.htm">abs-pos-non-replaced-icb-vlr-009</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-011-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-011.htm">abs-pos-non-replaced-icb-vlr-011</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - 'left' and 'right' are 'auto' and 'width' is not 'auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-013-7.1" class="image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-013.htm">abs-pos-non-replaced-icb-vlr-013</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>position absolute and 'vertical-lr' - 'left' and 'right' are 'auto', 'width' is not 'auto' with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-015-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-015.htm">abs-pos-non-replaced-icb-vlr-015</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-017-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-017.htm">abs-pos-non-replaced-icb-vlr-017</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-019-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-019.htm">abs-pos-non-replaced-icb-vlr-019</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-021-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-021.htm">abs-pos-non-replaced-icb-vlr-021</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-023-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-023.htm">abs-pos-non-replaced-icb-vlr-023</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-025-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-025.htm">abs-pos-non-replaced-icb-vlr-025</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - 'width' is 'auto', 'left' and 'right' are not 'auto' with direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-027-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-027.htm">abs-pos-non-replaced-icb-vlr-027</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-029-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-029.htm">abs-pos-non-replaced-icb-vlr-029</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-031-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-031.htm">abs-pos-non-replaced-icb-vlr-031</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - overconstrained values with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vlr-033-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vlr-033.htm">abs-pos-non-replaced-icb-vlr-033</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-lr' - overconstrained values with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-002-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-002.htm">abs-pos-non-replaced-icb-vrl-002</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - 'left: auto', 'width: auto' and 'right: auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-004-7.1" class="image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-004.htm">abs-pos-non-replaced-icb-vrl-004</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>position absolute and 'vertical-rl' - 'left: auto', 'width: auto' and 'right: auto' with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-006-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-006.htm">abs-pos-non-replaced-icb-vrl-006</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-008-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-008.htm">abs-pos-non-replaced-icb-vrl-008</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - 'left' and 'width' are 'auto', 'right' is not 'auto' with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-010-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-010.htm">abs-pos-non-replaced-icb-vrl-010</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - 'left' and 'right' are 'auto', 'width' is not 'auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-012-7.1" class="image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-012.htm">abs-pos-non-replaced-icb-vrl-012</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>position absolute and 'vertical-rl' - 'left' and 'right' are 'auto', 'width' is not 'auto' with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-014-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-014.htm">abs-pos-non-replaced-icb-vrl-014</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-016-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-016.htm">abs-pos-non-replaced-icb-vrl-016</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - 'width' and 'right' are 'auto' and 'left' is not 'auto' with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-018-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-018.htm">abs-pos-non-replaced-icb-vrl-018</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-020-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-020.htm">abs-pos-non-replaced-icb-vrl-020</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - 'left' is 'auto', 'width' and 'right' are not 'auto' with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-022-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-022.htm">abs-pos-non-replaced-icb-vrl-022</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-024-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-024.htm">abs-pos-non-replaced-icb-vrl-024</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - 'width' is 'auto', 'left' and 'right' are not 'auto' with direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-026-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-026.htm">abs-pos-non-replaced-icb-vrl-026</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-028-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-028.htm">abs-pos-non-replaced-icb-vrl-028</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - 'right' is 'auto', 'left' and 'width' are not 'auto' with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-030-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-030.htm">abs-pos-non-replaced-icb-vrl-030</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - overconstrained values with 'direction: ltr' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-icb-vrl-032-7.1" class="">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-icb-vrl-032.htm">abs-pos-non-replaced-icb-vrl-032</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>position absolute and 'vertical-rl' - overconstrained values with 'direction: rtl' in initial containing block
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-003-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-003.htm">abs-pos-non-replaced-vlr-003</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-005-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-005.htm">abs-pos-non-replaced-vlr-005</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-007-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-007.htm">abs-pos-non-replaced-vlr-007</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-009-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-009.htm">abs-pos-non-replaced-vlr-009</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-011-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-011.htm">abs-pos-non-replaced-vlr-011</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-013-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-013.htm">abs-pos-non-replaced-vlr-013</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-015-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-015.htm">abs-pos-non-replaced-vlr-015</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' are 'auto' and bottom is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-017-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-017.htm">abs-pos-non-replaced-vlr-017</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-019-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-019.htm">abs-pos-non-replaced-vlr-019</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-021-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-021.htm">abs-pos-non-replaced-vlr-021</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto and 'bottom' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-023-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-023.htm">abs-pos-non-replaced-vlr-023</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-025-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-025.htm">abs-pos-non-replaced-vlr-025</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-027-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-027.htm">abs-pos-non-replaced-vlr-027</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-029-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-029.htm">abs-pos-non-replaced-vlr-029</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-031-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-031.htm">abs-pos-non-replaced-vlr-031</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-033-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-033.htm">abs-pos-non-replaced-vlr-033</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto and 'height' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-035-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-035.htm">abs-pos-non-replaced-vlr-035</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-037-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-037.htm">abs-pos-non-replaced-vlr-037</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-039-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-039.htm">abs-pos-non-replaced-vlr-039</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-041-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-041.htm">abs-pos-non-replaced-vlr-041</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-043-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-043.htm">abs-pos-non-replaced-vlr-043</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-045-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-045.htm">abs-pos-non-replaced-vlr-045</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-047-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-047.htm">abs-pos-non-replaced-vlr-047</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-049-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-049.htm">abs-pos-non-replaced-vlr-049</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-051-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-051.htm">abs-pos-non-replaced-vlr-051</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-053-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-053.htm">abs-pos-non-replaced-vlr-053</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-055-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-055.htm">abs-pos-non-replaced-vlr-055</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-057-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-057.htm">abs-pos-non-replaced-vlr-057</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-059-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-059.htm">abs-pos-non-replaced-vlr-059</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-061-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-061.htm">abs-pos-non-replaced-vlr-061</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-063-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-063.htm">abs-pos-non-replaced-vlr-063</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-065-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-065.htm">abs-pos-non-replaced-vlr-065</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto', 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'left', 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-067-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-067.htm">abs-pos-non-replaced-vlr-067</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-069-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-069.htm">abs-pos-non-replaced-vlr-069</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-071-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-071.htm">abs-pos-non-replaced-vlr-071</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-073-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-073.htm">abs-pos-non-replaced-vlr-073</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-075-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-075.htm">abs-pos-non-replaced-vlr-075</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-077-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-077.htm">abs-pos-non-replaced-vlr-077</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-079-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-079.htm">abs-pos-non-replaced-vlr-079</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-081-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-081.htm">abs-pos-non-replaced-vlr-081</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-083-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-083.htm">abs-pos-non-replaced-vlr-083</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-085-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-085.htm">abs-pos-non-replaced-vlr-085</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-087-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-087.htm">abs-pos-non-replaced-vlr-087</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-089-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-089.htm">abs-pos-non-replaced-vlr-089</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained), then ignore 'right' and then solve for 'right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-091-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-091.htm">abs-pos-non-replaced-vlr-091</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-093-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-093.htm">abs-pos-non-replaced-vlr-093</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-095-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-095.htm">abs-pos-non-replaced-vlr-095</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-097-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-097.htm">abs-pos-non-replaced-vlr-097</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-103-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-103.htm">abs-pos-non-replaced-vlr-103</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-105-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-105.htm">abs-pos-non-replaced-vlr-105</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height', and 'bottom' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-107-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-107.htm">abs-pos-non-replaced-vlr-107</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-109-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-109.htm">abs-pos-non-replaced-vlr-109</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-111-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-111.htm">abs-pos-non-replaced-vlr-111</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-113-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-113.htm">abs-pos-non-replaced-vlr-113</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height', and 'bottom' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-115-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-115.htm">abs-pos-non-replaced-vlr-115</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-117-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-117.htm">abs-pos-non-replaced-vlr-117</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-119-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-119.htm">abs-pos-non-replaced-vlr-119</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-121-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-121.htm">abs-pos-non-replaced-vlr-121</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-123-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-123.htm">abs-pos-non-replaced-vlr-123</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-125-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-125.htm">abs-pos-non-replaced-vlr-125</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-127-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-127.htm">abs-pos-non-replaced-vlr-127</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-129-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-129.htm">abs-pos-non-replaced-vlr-129</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-131-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-131.htm">abs-pos-non-replaced-vlr-131</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-133-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-133.htm">abs-pos-non-replaced-vlr-133</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-135-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-135.htm">abs-pos-non-replaced-vlr-135</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-137-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-137.htm">abs-pos-non-replaced-vlr-137</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-139-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-139.htm">abs-pos-non-replaced-vlr-139</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-141-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-141.htm">abs-pos-non-replaced-vlr-141</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-143-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-143.htm">abs-pos-non-replaced-vlr-143</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-145-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-145.htm">abs-pos-non-replaced-vlr-145</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-147-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-147.htm">abs-pos-non-replaced-vlr-147</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-149-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-149.htm">abs-pos-non-replaced-vlr-149</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-151-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-151.htm">abs-pos-non-replaced-vlr-151</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-153-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-153.htm">abs-pos-non-replaced-vlr-153</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-155-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-155.htm">abs-pos-non-replaced-vlr-155</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-155-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-157-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-157.htm">abs-pos-non-replaced-vlr-157</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-159-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-159.htm">abs-pos-non-replaced-vlr-159</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-161-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-161.htm">abs-pos-non-replaced-vlr-161</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-163-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-163.htm">abs-pos-non-replaced-vlr-163</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-163-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-165-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-165.htm">abs-pos-non-replaced-vlr-165</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-167-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-167.htm">abs-pos-non-replaced-vlr-167</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-169-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-169.htm">abs-pos-non-replaced-vlr-169</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto', 'height' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'top' is 'auto', 'height' and 'bottom' are not 'auto', then solve for 'top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-171-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-171.htm">abs-pos-non-replaced-vlr-171</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-173-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-173.htm">abs-pos-non-replaced-vlr-173</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-175-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-175.htm">abs-pos-non-replaced-vlr-175</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-177-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-177.htm">abs-pos-non-replaced-vlr-177</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto', 'height' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'top' is 'auto', 'height' and 'bottom' are not 'auto', then then solve for 'top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-179-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-179.htm">abs-pos-non-replaced-vlr-179</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-181-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-181.htm">abs-pos-non-replaced-vlr-181</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-183-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-183.htm">abs-pos-non-replaced-vlr-183</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-185-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-185.htm">abs-pos-non-replaced-vlr-185</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto', 'top' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'height' is 'auto', 'top' and 'bottom' are not 'auto', then solve for 'height'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-187-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-187.htm">abs-pos-non-replaced-vlr-187</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-189-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-189.htm">abs-pos-non-replaced-vlr-189</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-191-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-191.htm">abs-pos-non-replaced-vlr-191</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-193-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-193.htm">abs-pos-non-replaced-vlr-193</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto', 'top' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'height' is 'auto', 'top' and 'bottom' are not 'auto', then then solve for 'height'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-195-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-195.htm">abs-pos-non-replaced-vlr-195</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-197-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-197.htm">abs-pos-non-replaced-vlr-197</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-199-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-199.htm">abs-pos-non-replaced-vlr-199</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-201-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-201.htm">abs-pos-non-replaced-vlr-201</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto', 'top' and 'height' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'bottom' is 'auto', 'top' and 'height' are not 'auto', then solve for 'bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-203-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-203.htm">abs-pos-non-replaced-vlr-203</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-155-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-205-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-205.htm">abs-pos-non-replaced-vlr-205</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-207-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-207.htm">abs-pos-non-replaced-vlr-207</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-209-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-209.htm">abs-pos-non-replaced-vlr-209</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto', 'top' and 'height' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'bottom' is 'auto', 'top' and 'height' are not 'auto', then then solve for 'bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-211-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-211.htm">abs-pos-non-replaced-vlr-211</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-163-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-213-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-213.htm">abs-pos-non-replaced-vlr-213</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-215-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-215.htm">abs-pos-non-replaced-vlr-215</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-217-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-217.htm">abs-pos-non-replaced-vlr-217</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'bottom' and 'height' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-219-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-219.htm">abs-pos-non-replaced-vlr-219</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-155-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-221-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-221.htm">abs-pos-non-replaced-vlr-221</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-223-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-223.htm">abs-pos-non-replaced-vlr-223</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-225-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-225.htm">abs-pos-non-replaced-vlr-225</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'bottom' and 'height' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-227-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-227.htm">abs-pos-non-replaced-vlr-227</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-163-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vlr-229-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vlr-229.htm">abs-pos-non-replaced-vlr-229</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-002-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-002.htm">abs-pos-non-replaced-vrl-002</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-004-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-004.htm">abs-pos-non-replaced-vrl-004</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-006-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-006.htm">abs-pos-non-replaced-vrl-006</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-008-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-008.htm">abs-pos-non-replaced-vrl-008</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-010-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-010.htm">abs-pos-non-replaced-vrl-010</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-012-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-012.htm">abs-pos-non-replaced-vrl-012</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-014-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-014.htm">abs-pos-non-replaced-vrl-014</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' are 'auto' and bottom is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-016-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-016.htm">abs-pos-non-replaced-vrl-016</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-018-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-018.htm">abs-pos-non-replaced-vrl-018</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-020-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-020.htm">abs-pos-non-replaced-vrl-020</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto and 'bottom' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-022-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-022.htm">abs-pos-non-replaced-vrl-022</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-024-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-024.htm">abs-pos-non-replaced-vrl-024</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-026-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-026.htm">abs-pos-non-replaced-vrl-026</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-028-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-028.htm">abs-pos-non-replaced-vrl-028</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-030-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-030.htm">abs-pos-non-replaced-vrl-030</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-032-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-032.htm">abs-pos-non-replaced-vrl-032</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto and 'height' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-034-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-034.htm">abs-pos-non-replaced-vrl-034</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-036-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-036.htm">abs-pos-non-replaced-vrl-036</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-038-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-038.htm">abs-pos-non-replaced-vrl-038</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-040-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-040.htm">abs-pos-non-replaced-vrl-040</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-042-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-042.htm">abs-pos-non-replaced-vrl-042</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-044-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-044.htm">abs-pos-non-replaced-vrl-044</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-046-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-046.htm">abs-pos-non-replaced-vrl-046</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-048-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-048.htm">abs-pos-non-replaced-vrl-048</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-050-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-050.htm">abs-pos-non-replaced-vrl-050</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-052-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-052.htm">abs-pos-non-replaced-vrl-052</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-054-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-054.htm">abs-pos-non-replaced-vrl-054</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-056-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-056.htm">abs-pos-non-replaced-vrl-056</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-058-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-058.htm">abs-pos-non-replaced-vrl-058</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-060-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-060.htm">abs-pos-non-replaced-vrl-060</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-062-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-062.htm">abs-pos-non-replaced-vrl-062</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-064-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-064.htm">abs-pos-non-replaced-vrl-064</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto', 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-066-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-066.htm">abs-pos-non-replaced-vrl-066</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-068-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-068.htm">abs-pos-non-replaced-vrl-068</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-070-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-070.htm">abs-pos-non-replaced-vrl-070</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-072-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-072.htm">abs-pos-non-replaced-vrl-072</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-074-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-074.htm">abs-pos-non-replaced-vrl-074</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-076-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-076.htm">abs-pos-non-replaced-vrl-076</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-078-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-078.htm">abs-pos-non-replaced-vrl-078</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-080-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-080.htm">abs-pos-non-replaced-vrl-080</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-082-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-082.htm">abs-pos-non-replaced-vrl-082</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-084-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-084.htm">abs-pos-non-replaced-vrl-084</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-086-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-086.htm">abs-pos-non-replaced-vrl-086</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-088-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-088.htm">abs-pos-non-replaced-vrl-088</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained), then ignore 'right' and then solve for 'right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-090-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-090.htm">abs-pos-non-replaced-vrl-090</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-092-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-092.htm">abs-pos-non-replaced-vrl-092</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-094-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-094.htm">abs-pos-non-replaced-vrl-094</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-096-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-096.htm">abs-pos-non-replaced-vrl-096</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-102-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-102.htm">abs-pos-non-replaced-vrl-102</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-104-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-104.htm">abs-pos-non-replaced-vrl-104</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height', and 'bottom' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-106-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-106.htm">abs-pos-non-replaced-vrl-106</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-108-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-108.htm">abs-pos-non-replaced-vrl-108</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-110-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-110.htm">abs-pos-non-replaced-vrl-110</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-112-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-112.htm">abs-pos-non-replaced-vrl-112</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height', and 'bottom' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-114-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-114.htm">abs-pos-non-replaced-vrl-114</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-116-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-116.htm">abs-pos-non-replaced-vrl-116</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-118-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-118.htm">abs-pos-non-replaced-vrl-118</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-120-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-120.htm">abs-pos-non-replaced-vrl-120</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-122-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-122.htm">abs-pos-non-replaced-vrl-122</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-122-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-124-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-124.htm">abs-pos-non-replaced-vrl-124</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-126-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-126.htm">abs-pos-non-replaced-vrl-126</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-128-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-128.htm">abs-pos-non-replaced-vrl-128</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-130-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-130.htm">abs-pos-non-replaced-vrl-130</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-130-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-132-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-132.htm">abs-pos-non-replaced-vrl-132</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-134-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-134.htm">abs-pos-non-replaced-vrl-134</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-136-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-136.htm">abs-pos-non-replaced-vrl-136</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-138-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-138.htm">abs-pos-non-replaced-vrl-138</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-140-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-140.htm">abs-pos-non-replaced-vrl-140</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-142-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-142.htm">abs-pos-non-replaced-vrl-142</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-144-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-144.htm">abs-pos-non-replaced-vrl-144</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-146-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-146.htm">abs-pos-non-replaced-vrl-146</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-148-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-148.htm">abs-pos-non-replaced-vrl-148</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-150-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-150.htm">abs-pos-non-replaced-vrl-150</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-152-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-152.htm">abs-pos-non-replaced-vrl-152</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-154-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-154.htm">abs-pos-non-replaced-vrl-154</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-156-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-156.htm">abs-pos-non-replaced-vrl-156</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-158-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-158.htm">abs-pos-non-replaced-vrl-158</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-160-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-160.htm">abs-pos-non-replaced-vrl-160</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-162-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-162.htm">abs-pos-non-replaced-vrl-162</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-164-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-164.htm">abs-pos-non-replaced-vrl-164</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-166-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-166.htm">abs-pos-non-replaced-vrl-166</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-168-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-168.htm">abs-pos-non-replaced-vrl-168</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto', 'height' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'top' is 'auto', 'height' and 'bottom' are not 'auto', then solve for 'top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-170-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-170.htm">abs-pos-non-replaced-vrl-170</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-122-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-172-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-172.htm">abs-pos-non-replaced-vrl-172</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-174-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-174.htm">abs-pos-non-replaced-vrl-174</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-176-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-176.htm">abs-pos-non-replaced-vrl-176</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto', 'height' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'top' is 'auto', 'height' and 'bottom' are not 'auto', then then solve for 'top'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-178-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-178.htm">abs-pos-non-replaced-vrl-178</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-130-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-180-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-180.htm">abs-pos-non-replaced-vrl-180</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-182-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-182.htm">abs-pos-non-replaced-vrl-182</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-184-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-184.htm">abs-pos-non-replaced-vrl-184</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto', 'top' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'height' is 'auto', 'top' and 'bottom' are not 'auto', then solve for 'height'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-186-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-186.htm">abs-pos-non-replaced-vrl-186</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-122-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-188-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-188.htm">abs-pos-non-replaced-vrl-188</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-190-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-190.htm">abs-pos-non-replaced-vrl-190</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-192-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-192.htm">abs-pos-non-replaced-vrl-192</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto', 'top' and 'bottom' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'height' is 'auto', 'top' and 'bottom' are not 'auto', then then solve for 'height'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-194-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-194.htm">abs-pos-non-replaced-vrl-194</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-130-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-196-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-196.htm">abs-pos-non-replaced-vrl-196</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-198-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-198.htm">abs-pos-non-replaced-vrl-198</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-200-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-200.htm">abs-pos-non-replaced-vrl-200</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto', 'top' and 'height' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'ltr' and 'bottom' is 'auto', 'top' and 'height' are not 'auto', then solve for 'bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-202-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-202.htm">abs-pos-non-replaced-vrl-202</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-204-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-204.htm">abs-pos-non-replaced-vrl-204</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-206-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-206.htm">abs-pos-non-replaced-vrl-206</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-208-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-208.htm">abs-pos-non-replaced-vrl-208</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto', 'top' and 'height' are not 'auto'
|
|
<ul class="assert">
|
|
<li>When 'direction' is 'rtl' and 'bottom' is 'auto', 'top' and 'height' are not 'auto', then then solve for 'bottom'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-210-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-210.htm">abs-pos-non-replaced-vrl-210</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-212-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-212.htm">abs-pos-non-replaced-vrl-212</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
|
|
<ul class="assert">
|
|
<li>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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-214-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-214.htm">abs-pos-non-replaced-vrl-214</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-216-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-216.htm">abs-pos-non-replaced-vrl-216</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'bottom' and 'height' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-218-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-218.htm">abs-pos-non-replaced-vrl-218</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-122-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-220-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-220.htm">abs-pos-non-replaced-vrl-220</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-222-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-222.htm">abs-pos-non-replaced-vrl-222</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-224-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-224.htm">abs-pos-non-replaced-vrl-224</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'bottom' and 'height' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-226-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-226.htm">abs-pos-non-replaced-vrl-226</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-130-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="abs-pos-non-replaced-vrl-228-7.1" class="ahem image">
|
|
<td>
|
|
<a href="abs-pos-non-replaced-vrl-228.htm">abs-pos-non-replaced-vrl-228</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="border-vlr-007-7.1" class="image">
|
|
<td>
|
|
<a href="border-vlr-007.htm">border-vlr-007</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>border in 'vertical-lr' writing-mode context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="border-vrl-006-7.1" class="image">
|
|
<td>
|
|
<a href="border-vrl-006.htm">border-vrl-006</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>border in 'vertical-rl' writing-mode context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-offsets-rel-pos-vlr-003-7.1" class="image">
|
|
<td>
|
|
<a href="box-offsets-rel-pos-vlr-003.htm">box-offsets-rel-pos-vlr-003</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>box offsets - position relative
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-offsets-rel-pos-vlr-005-7.1" class="image">
|
|
<td>
|
|
<a href="box-offsets-rel-pos-vlr-005.htm">box-offsets-rel-pos-vlr-005</a></td>
|
|
<td><a href="reference/box-offsets-rel-pos-vlr-005-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>box offsets - relatively positioned boxes
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-offsets-rel-pos-vrl-002-7.1" class="image">
|
|
<td>
|
|
<a href="box-offsets-rel-pos-vrl-002.htm">box-offsets-rel-pos-vrl-002</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>box offsets - position relative
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="box-offsets-rel-pos-vrl-004-7.1" class="image">
|
|
<td>
|
|
<a href="box-offsets-rel-pos-vrl-004.htm">box-offsets-rel-pos-vrl-004</a></td>
|
|
<td><a href="reference/box-offsets-rel-pos-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>box offsets - relatively positioned boxes
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clearance-calculations-vrl-002-7.1" class="ahem image">
|
|
<td>
|
|
<a href="clearance-calculations-vrl-002.htm">clearance-calculations-vrl-002</a></td>
|
|
<td><a href="reference/clearance-calculations-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>Clearance calculations - clearing box has larger margin than width of float
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clearance-calculations-vrl-004-7.1" class="ahem image">
|
|
<td>
|
|
<a href="clearance-calculations-vrl-004.htm">clearance-calculations-vrl-004</a></td>
|
|
<td><a href="reference/clearance-calculations-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>Clearance calculations - clearing box has narrower margin than clearance
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clearance-calculations-vrl-006-7.1" class="ahem image">
|
|
<td>
|
|
<a href="clearance-calculations-vrl-006.htm">clearance-calculations-vrl-006</a></td>
|
|
<td><a href="reference/clearance-calculations-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>Clearance calculations - clearing box has larger margin than width of float
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clearance-calculations-vrl-008-7.1" class="image">
|
|
<td>
|
|
<a href="clearance-calculations-vrl-008.htm">clearance-calculations-vrl-008</a></td>
|
|
<td><a href="reference/clearance-calculations-vrl-008-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>clearance calculations
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="contiguous-floated-table-vlr-003-7.1" class="">
|
|
<td>
|
|
<a href="contiguous-floated-table-vlr-003.htm">contiguous-floated-table-vlr-003</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>floated border-collapsing tables (vertical-lr)
|
|
<ul class="assert">
|
|
<li>This test checks that contiguous floated border-collapsing tables in a 'vertical-lr' context do not overlap.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="contiguous-floated-table-vlr-005-7.1" class="">
|
|
<td>
|
|
<a href="contiguous-floated-table-vlr-005.htm">contiguous-floated-table-vlr-005</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>floated non-border-collapsing tables (vertical-lr)
|
|
<ul class="assert">
|
|
<li>This test checks that contiguous floated non-border-collapsing tables in a 'vertical-lr' context do not overlap.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="contiguous-floated-table-vlr-007-7.1" class="image">
|
|
<td>
|
|
<a href="contiguous-floated-table-vlr-007.htm">contiguous-floated-table-vlr-007</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical-lr - contiguous floated tables and horizontal margins
|
|
<ul class="assert">
|
|
<li>This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-lr' are not substracted 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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="contiguous-floated-table-vlr-009-7.1" class="image">
|
|
<td>
|
|
<a href="contiguous-floated-table-vlr-009.htm">contiguous-floated-table-vlr-009</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical-lr - contiguous floated tables and horizontal margins
|
|
<ul class="assert">
|
|
<li>This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-lr' are not substracted 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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="contiguous-floated-table-vrl-002-7.1" class="">
|
|
<td>
|
|
<a href="contiguous-floated-table-vrl-002.htm">contiguous-floated-table-vrl-002</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>floated border-collapsing tables (vertical-rl)
|
|
<ul class="assert">
|
|
<li>This test checks that contiguous floated border-collapsing tables in a 'vertical-rl' context do not overlap.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="contiguous-floated-table-vrl-004-7.1" class="">
|
|
<td>
|
|
<a href="contiguous-floated-table-vrl-004.htm">contiguous-floated-table-vrl-004</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>floated non-border-collapsing tables (vertical-rl)
|
|
<ul class="assert">
|
|
<li>This test checks that contiguous floated non-border-collapsing tables in a 'vertical-rl' context do not overlap.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="contiguous-floated-table-vrl-006-7.1" class="image">
|
|
<td>
|
|
<a href="contiguous-floated-table-vrl-006.htm">contiguous-floated-table-vrl-006</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical-rl - contiguous floated tables and horizontal margins
|
|
<ul class="assert">
|
|
<li>This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-rl' are not substracted 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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="contiguous-floated-table-vrl-008-7.1" class="image">
|
|
<td>
|
|
<a href="contiguous-floated-table-vrl-008.htm">contiguous-floated-table-vrl-008</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical-rl - contiguous floated tables and horizontal margins
|
|
<ul class="assert">
|
|
<li>This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-rl' are not substracted 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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-clear-vlr-003-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-clear-vlr-003.htm">float-clear-vlr-003</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: right' and 'clear: right' in 'vertical-lr' block formating context (basic)
|
|
</td>
|
|
</tr>
|
|
<tr id="float-clear-vlr-005-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-clear-vlr-005.htm">float-clear-vlr-005</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: left' and 'clear: left' in 'vertical-lr' block formating context (basic)
|
|
</td>
|
|
</tr>
|
|
<tr id="float-clear-vlr-007-7.1" class="image">
|
|
<td>
|
|
<a href="float-clear-vlr-007.htm">float-clear-vlr-007</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: left' and 'clear: left' in 'vertical-lr' block formating context (intermediate)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-clear-vlr-009-7.1" class="image">
|
|
<td>
|
|
<a href="float-clear-vlr-009.htm">float-clear-vlr-009</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: right', 'float: left' and 'clear: both' in 'vertical-lr' block formating context (intermediate)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-clear-vrl-002-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-clear-vrl-002.htm">float-clear-vrl-002</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: right' and 'clear: right' in 'vertical-rl' block formating context (basic)
|
|
</td>
|
|
</tr>
|
|
<tr id="float-clear-vrl-004-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-clear-vrl-004.htm">float-clear-vrl-004</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: left' and 'clear: left' in 'vertical-rl' block formating context (basic)
|
|
</td>
|
|
</tr>
|
|
<tr id="float-clear-vrl-006-7.1" class="image">
|
|
<td>
|
|
<a href="float-clear-vrl-006.htm">float-clear-vrl-006</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: left' and 'clear: left' in 'vertical-rl' block formating context (intermediate)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-clear-vrl-008-7.1" class="image">
|
|
<td>
|
|
<a href="float-clear-vrl-008.htm">float-clear-vrl-008</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: right', 'float: left' and 'clear: both' in 'vertical-rl' block formating context (intermediate)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-contiguous-vlr-003-7.1" class="image">
|
|
<td>
|
|
<a href="float-contiguous-vlr-003.htm">float-contiguous-vlr-003</a></td>
|
|
<td><a href="reference/inline-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>contiguous left-floating boxes in a 'vertical-lr' block formating context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-contiguous-vlr-005-7.1" class="image">
|
|
<td>
|
|
<a href="float-contiguous-vlr-005.htm">float-contiguous-vlr-005</a></td>
|
|
<td><a href="reference/inline-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>contiguous right-floating boxes in a 'vertical-lr' block formating context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-contiguous-vlr-007-7.1" class="image">
|
|
<td>
|
|
<a href="float-contiguous-vlr-007.htm">float-contiguous-vlr-007</a></td>
|
|
<td><a href="reference/float-contiguous-vlr-007-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>contiguous left-floating boxes in a 'vertical-lr' block formating context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-contiguous-vlr-009-7.1" class="image">
|
|
<td>
|
|
<a href="float-contiguous-vlr-009.htm">float-contiguous-vlr-009</a></td>
|
|
<td><a href="reference/float-contiguous-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>contiguous right-floating boxes in a 'vertical-lr' block formating context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-contiguous-vlr-011-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-contiguous-vlr-011.htm">float-contiguous-vlr-011</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>contiguous left-floating boxes with 'writing-mode' set to 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks the flow of contiguous left-floated boxes with 'writing-mode' set to 'vertical-lr'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-contiguous-vlr-013-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-contiguous-vlr-013.htm">float-contiguous-vlr-013</a></td>
|
|
<td><a href="reference/float-contiguous-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>contiguous right-floating boxes with 'writing-mode' set to 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks the flow of contiguous right-floated boxes with 'writing-mode' set to 'vertical-lr'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-contiguous-vrl-002-7.1" class="image">
|
|
<td>
|
|
<a href="float-contiguous-vrl-002.htm">float-contiguous-vrl-002</a></td>
|
|
<td><a href="reference/inline-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>contiguous left-floating boxes in a 'vertical-rl' block formating context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-contiguous-vrl-004-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-contiguous-vrl-004.htm">float-contiguous-vrl-004</a></td>
|
|
<td><a href="reference/inline-replaced-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>contiguous right-floating boxes in a 'vertical-rl' block formating context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-contiguous-vrl-006-7.1" class="image">
|
|
<td>
|
|
<a href="float-contiguous-vrl-006.htm">float-contiguous-vrl-006</a></td>
|
|
<td><a href="reference/float-contiguous-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>contiguous left-floating boxes in a 'vertical-rl' block formating context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-contiguous-vrl-008-7.1" class="image">
|
|
<td>
|
|
<a href="float-contiguous-vrl-008.htm">float-contiguous-vrl-008</a></td>
|
|
<td><a href="reference/float-contiguous-vrl-008-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>contiguous right-floating boxes in a 'vertical-rl' block formating context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-contiguous-vrl-010-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-contiguous-vrl-010.htm">float-contiguous-vrl-010</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>contiguous left-floating boxes with 'writing-mode' set to 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks the flow of contiguous left-floated boxes with 'writing-mode' set to 'vertical-rl'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-contiguous-vrl-012-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-contiguous-vrl-012.htm">float-contiguous-vrl-012</a></td>
|
|
<td><a href="reference/float-contiguous-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>contiguous right-floating boxes with 'writing-mode' set to 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks the flow of contiguous right-floated boxes with 'writing-mode' set to 'vertical-rl'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-shrink-to-fit-vlr-003-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-shrink-to-fit-vlr-003.htm">float-shrink-to-fit-vlr-003</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float' and 'shrink-to-fit' logical width in 'vertical-lr' context
|
|
<ul class="assert">
|
|
<li>This test checks that 'shrink-to-fit' width is applied on logical width (measure).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-shrink-to-fit-vlr-005-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-shrink-to-fit-vlr-005.htm">float-shrink-to-fit-vlr-005</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float' and 'shrink-to-fit' logical width in 'vertical-lr' context
|
|
<ul class="assert">
|
|
<li>This test checks that 'shrink-to-fit' width is applied on logical width (measure).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-shrink-to-fit-vlr-007-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-shrink-to-fit-vlr-007.htm">float-shrink-to-fit-vlr-007</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float' and 'shrink-to-fit' logical width in 'vertical-lr' context
|
|
<ul class="assert">
|
|
<li>This test checks that 'shrink-to-fit' width is applied on logical width (measure).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-shrink-to-fit-vlr-009-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-shrink-to-fit-vlr-009.htm">float-shrink-to-fit-vlr-009</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float' and 'shrink-to-fit' logical width (height: auto) in 'vertical-lr' context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-shrink-to-fit-vrl-002-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-shrink-to-fit-vrl-002.htm">float-shrink-to-fit-vrl-002</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float' and 'shrink-to-fit' logical width in 'vertical-rl' context
|
|
<ul class="assert">
|
|
<li>This test checks that 'shrink-to-fit' width is applied on logical width (measure).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-shrink-to-fit-vrl-004-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-shrink-to-fit-vrl-004.htm">float-shrink-to-fit-vrl-004</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float' and 'shrink-to-fit' logical width in 'vertical-rl' context
|
|
<ul class="assert">
|
|
<li>This test checks that 'shrink-to-fit' width is applied on logical width (measure).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-shrink-to-fit-vrl-006-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-shrink-to-fit-vrl-006.htm">float-shrink-to-fit-vrl-006</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float' and 'shrink-to-fit' logical width in 'vertical-rl' context
|
|
<ul class="assert">
|
|
<li>This test checks that 'shrink-to-fit' width is applied on logical width (measure).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-shrink-to-fit-vrl-008-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-shrink-to-fit-vrl-008.htm">float-shrink-to-fit-vrl-008</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float' and 'shrink-to-fit' logical width (height: auto) in 'vertical-rl' context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-shrink-to-fit-vrl-vlr-016-7.1" class="ahem">
|
|
<td>
|
|
<a href="float-shrink-to-fit-vrl-vlr-016.htm">float-shrink-to-fit-vrl-vlr-016</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float' and 'shrink-to-fit' logical width (16 sub-tests)
|
|
<ul class="assert">
|
|
<li>This test checks that 'shrink-to-fit' rule (CSS2.1, &sect;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'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-vlr-003-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-vlr-003.htm">float-vlr-003</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: right' in a 'vertical-lr' block formating context (basic)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-vlr-005-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-vlr-005.htm">float-vlr-005</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: right' in a 'vertical-lr' block formating context (basic)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-vlr-007-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-vlr-007.htm">float-vlr-007</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: left' in a 'vertical-lr' block formating context (basic)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-vlr-009-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-vlr-009.htm">float-vlr-009</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: left' in a 'vertical-lr' block formating context (basic)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-vlr-011-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-vlr-011.htm">float-vlr-011</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: left' and 'float: right' in a 'vertical-lr' block formating context (basic)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-vlr-013-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-vlr-013.htm">float-vlr-013</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: left' and 'float: right' in a 'vertical-lr' block formating context (basic)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-vrl-002-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-vrl-002.htm">float-vrl-002</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: right' in a 'vertical-rl' block formating context (basic)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-vrl-004-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-vrl-004.htm">float-vrl-004</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: right' in a 'vertical-rl' block formating context (basic)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-vrl-006-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-vrl-006.htm">float-vrl-006</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: left' in a 'vertical-rl' block formating context (basic)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-vrl-008-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-vrl-008.htm">float-vrl-008</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: left' in a 'vertical-rl' block formating context (basic)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-vrl-010-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-vrl-010.htm">float-vrl-010</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: left' and 'float: right' in a 'vertical-rl' block formating context (basic)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="float-vrl-012-7.1" class="ahem image">
|
|
<td>
|
|
<a href="float-vrl-012.htm">float-vrl-012</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'float: left' and 'float: right' in a 'vertical-rl' block formating context (basic)
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="height-width-inline-non-replaced-vlr-003-7.1" class="ahem">
|
|
<td>
|
|
<a href="height-width-inline-non-replaced-vlr-003.htm">height-width-inline-non-replaced-vlr-003</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>height and width - inline non-replaced element in vertical writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that height and width declarations do not apply to inline non-replaced elements in vertical writing-modes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="height-width-inline-non-replaced-vrl-002-7.1" class="ahem">
|
|
<td>
|
|
<a href="height-width-inline-non-replaced-vrl-002.htm">height-width-inline-non-replaced-vrl-002</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-icb-vrl-008-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>height and width - inline non-replaced element in vertical writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that height and width declarations do not apply to inline non-replaced elements in vertical writing-modes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="horizontal-rule-vlr-003-7.1" class="image">
|
|
<td>
|
|
<a href="horizontal-rule-vlr-003.htm">horizontal-rule-vlr-003</a></td>
|
|
<td><a href="reference/horizontal-rule-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>horizontal rule - 'vertical-lr' and orthogonal flow
|
|
<ul class="assert">
|
|
<li>This test checks that an horizontal rule (<hr> element) in 'vertical-lr' writing-mode must be rendered as a vertical rule.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="horizontal-rule-vlr-005-7.1" class="">
|
|
<td>
|
|
<a href="horizontal-rule-vlr-005.htm">horizontal-rule-vlr-005</a></td>
|
|
<td><a href="reference/horizontal-rule-vrl-004-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>horizontal rule - 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="horizontal-rule-vrl-002-7.1" class="image">
|
|
<td>
|
|
<a href="horizontal-rule-vrl-002.htm">horizontal-rule-vrl-002</a></td>
|
|
<td><a href="reference/horizontal-rule-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>horizontal rule - 'vertical-rl' and orthogonal flow
|
|
<ul class="assert">
|
|
<li>This test checks that an horizontal rule (<hr> element) in 'vertical-rl' writing-mode must be rendered as a vertical rule.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="horizontal-rule-vrl-004-7.1" class="">
|
|
<td>
|
|
<a href="horizontal-rule-vrl-004.htm">horizontal-rule-vrl-004</a></td>
|
|
<td><a href="reference/horizontal-rule-vrl-004-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>horizontal rule - 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-height-vlr-003-7.1" class="">
|
|
<td>
|
|
<a href="line-box-height-vlr-003.htm">line-box-height-vlr-003</a></td>
|
|
<td><a href="reference/line-box-height-vlr-003-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>line box height and border on non-replaced inline box (mixed)
|
|
<ul class="assert">
|
|
<li>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 accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-height-vlr-005-7.1" class="">
|
|
<td>
|
|
<a href="line-box-height-vlr-005.htm">line-box-height-vlr-005</a></td>
|
|
<td><a href="reference/line-box-height-vlr-003-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>line box height and padding on non-replaced inline box (mixed)
|
|
<ul class="assert">
|
|
<li>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 accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-height-vlr-007-7.1" class="">
|
|
<td>
|
|
<a href="line-box-height-vlr-007.htm">line-box-height-vlr-007</a></td>
|
|
<td><a href="reference/line-box-height-vlr-007-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>line box height and border on non-replaced inline box (sideways)
|
|
<ul class="assert">
|
|
<li>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 accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-height-vlr-009-7.1" class="">
|
|
<td>
|
|
<a href="line-box-height-vlr-009.htm">line-box-height-vlr-009</a></td>
|
|
<td><a href="reference/line-box-height-vlr-007-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>line box height and padding on non-replaced inline box (sideways)
|
|
<ul class="assert">
|
|
<li>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 accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-height-vlr-011-7.1" class="">
|
|
<td>
|
|
<a href="line-box-height-vlr-011.htm">line-box-height-vlr-011</a></td>
|
|
<td><a href="reference/line-box-height-vlr-011-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>line box height and border on non-replaced inline box (upright)
|
|
<ul class="assert">
|
|
<li>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 accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-height-vlr-013-7.1" class="">
|
|
<td>
|
|
<a href="line-box-height-vlr-013.htm">line-box-height-vlr-013</a></td>
|
|
<td><a href="reference/line-box-height-vlr-011-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>line box height and padding on non-replaced inline box (upright)
|
|
<ul class="assert">
|
|
<li>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 accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-height-vrl-002-7.1" class="">
|
|
<td>
|
|
<a href="line-box-height-vrl-002.htm">line-box-height-vrl-002</a></td>
|
|
<td><a href="reference/line-box-height-vrl-002-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>line box height and border on non-replaced inline box (mixed)
|
|
<ul class="assert">
|
|
<li>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 accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-height-vrl-004-7.1" class="">
|
|
<td>
|
|
<a href="line-box-height-vrl-004.htm">line-box-height-vrl-004</a></td>
|
|
<td><a href="reference/line-box-height-vrl-002-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>line box height and padding on non-replaced inline box (mixed)
|
|
<ul class="assert">
|
|
<li>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 accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-height-vrl-006-7.1" class="">
|
|
<td>
|
|
<a href="line-box-height-vrl-006.htm">line-box-height-vrl-006</a></td>
|
|
<td><a href="reference/line-box-height-vrl-006-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>line box height and border on non-replaced inline box (sideways)
|
|
<ul class="assert">
|
|
<li>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 accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-height-vrl-008-7.1" class="">
|
|
<td>
|
|
<a href="line-box-height-vrl-008.htm">line-box-height-vrl-008</a></td>
|
|
<td><a href="reference/line-box-height-vrl-006-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>line box height and padding on non-replaced inline box (sideways)
|
|
<ul class="assert">
|
|
<li>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 accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-height-vrl-010-7.1" class="">
|
|
<td>
|
|
<a href="line-box-height-vrl-010.htm">line-box-height-vrl-010</a></td>
|
|
<td><a href="reference/line-box-height-vrl-010-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>line box height and border on non-replaced inline box (upright)
|
|
<ul class="assert">
|
|
<li>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 accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-height-vrl-012-7.1" class="">
|
|
<td>
|
|
<a href="line-box-height-vrl-012.htm">line-box-height-vrl-012</a></td>
|
|
<td><a href="reference/line-box-height-vrl-010-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>line box height and padding on non-replaced inline box (upright)
|
|
<ul class="assert">
|
|
<li>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 accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-vlr-003-7.1" class="image">
|
|
<td>
|
|
<a href="margin-vlr-003.htm">margin-vlr-003</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>margin in 'vertical-lr' writing-mode context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-vrl-002-7.1" class="image">
|
|
<td>
|
|
<a href="margin-vrl-002.htm">margin-vrl-002</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>margin in 'vertical-rl' writing-mode context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-inline-block-vrl-006-7.1" class="ahem">
|
|
<td>
|
|
<a href="outline-inline-block-vrl-006.htm">outline-inline-block-vrl-006</a></td>
|
|
<td><a href="reference/outline-inline-block-vrl-006.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>outline layout and inline-block and vertical-rl writing-mode
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-inline-slr-005-7.1" class="">
|
|
<td>
|
|
<a href="outline-inline-slr-005.htm">outline-inline-slr-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>outline layout and non-replaced inline in sideways-lr writing-mode
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-inline-srl-004-7.1" class="">
|
|
<td>
|
|
<a href="outline-inline-srl-004.htm">outline-inline-srl-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>outline layout and non-replaced inline and sideways-rl writing-mode
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-inline-vlr-003-7.1" class="">
|
|
<td>
|
|
<a href="outline-inline-vlr-003.htm">outline-inline-vlr-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>outline layout and non-replaced inline in vertical-lr writing-mode
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-inline-vlr-006-7.1" class="ahem">
|
|
<td>
|
|
<a href="outline-inline-vlr-006.htm">outline-inline-vlr-006</a></td>
|
|
<td><a href="reference/outline-inline-vlr-006.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>outline layout and non-replaced inline and vertical-lr writing-mode
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-inline-vrl-002-7.1" class="">
|
|
<td>
|
|
<a href="outline-inline-vrl-002.htm">outline-inline-vrl-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>outline layout and non-replaced inline and vertical-rl writing-mode
|
|
</td>
|
|
</tr>
|
|
<tr id="outline-inline-vrl-006-7.1" class="ahem">
|
|
<td>
|
|
<a href="outline-inline-vrl-006.htm">outline-inline-vrl-006</a></td>
|
|
<td><a href="reference/outline-inline-vrl-006.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>outline layout and non-replaced inline and vertical-rl writing-mode
|
|
</td>
|
|
</tr>
|
|
<tr id="padding-vlr-005-7.1" class="image">
|
|
<td>
|
|
<a href="padding-vlr-005.htm">padding-vlr-005</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>padding in 'vertical-lr' writing-mode context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="padding-vrl-004-7.1" class="image">
|
|
<td>
|
|
<a href="padding-vrl-004.htm">padding-vrl-004</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>padding in 'vertical-rl' writing-mode context
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-column-order-002-7.1" class="ahem">
|
|
<td>
|
|
<a href="table-column-order-002.htm">table-column-order-002</a></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'direction: rtl' - table columns order and vertical-rl
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-column-order-003-7.1" class="ahem">
|
|
<td>
|
|
<a href="table-column-order-003.htm">table-column-order-003</a></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'direction: rtl' - table columns order and vertical-lr
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-column-order-004-7.1" class="ahem">
|
|
<td>
|
|
<a href="table-column-order-004.htm">table-column-order-004</a></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'direction: rtl' - table columns order and vertical-rl
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-column-order-005-7.1" class="ahem">
|
|
<td>
|
|
<a href="table-column-order-005.htm">table-column-order-005</a></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'direction: rtl' - table columns order and vertical-lr
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-column-order-slr-007-7.1" class="ahem">
|
|
<td>
|
|
<a href="table-column-order-slr-007.htm">table-column-order-slr-007</a></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'direction: rtl' - table columns order and sideways-lr
|
|
<ul class="assert">
|
|
<li>This test checks that a table with 'writing-mode' set to 'sideways-lr' and with 'direction' set to 'rtl' will have its column displayed from top (1st column) to bottom (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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-column-order-srl-006-7.1" class="ahem">
|
|
<td>
|
|
<a href="table-column-order-srl-006.htm">table-column-order-srl-006</a></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'direction: rtl' - table columns order and sideways-rl
|
|
<ul class="assert">
|
|
<li>This test checks that a table with 'writing-mode' set to 'sideways-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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vlr-003-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vlr-003.htm">text-align-vlr-003</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: left' - 'vertical-lr' and 'direction: ltr'
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vlr-005-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vlr-005.htm">text-align-vlr-005</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: left' - 'vertical-lr' and 'direction: rtl'
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vlr-007-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vlr-007.htm">text-align-vlr-007</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: left' - 'vertical-lr' and initial, default 'direction'
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vlr-009-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vlr-009.htm">text-align-vlr-009</a></td>
|
|
<td><a href="reference/text-align-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: center' - 'vertical-lr' and 'direction: ltr'
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vlr-011-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vlr-011.htm">text-align-vlr-011</a></td>
|
|
<td><a href="reference/text-align-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: center' - 'vertical-lr' and 'direction: rtl'
|
|
<ul class="assert">
|
|
<li>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).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vlr-013-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vlr-013.htm">text-align-vlr-013</a></td>
|
|
<td><a href="reference/text-align-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: center' - 'vertical-lr' and initial, default 'direction'
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vlr-015-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vlr-015.htm">text-align-vlr-015</a></td>
|
|
<td><a href="reference/direction-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: right' - 'vertical-lr' and 'direction: ltr'
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vlr-017-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vlr-017.htm">text-align-vlr-017</a></td>
|
|
<td><a href="reference/direction-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: right' - 'vertical-lr' and 'direction: rtl'
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vlr-019-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vlr-019.htm">text-align-vlr-019</a></td>
|
|
<td><a href="reference/direction-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: right' - 'vertical-lr' and initial, default 'direction'
|
|
<ul class="assert">
|
|
<li>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).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vrl-002-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vrl-002.htm">text-align-vrl-002</a></td>
|
|
<td><a href="reference/direction-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: left' - 'vertical-rl' and 'direction: ltr'
|
|
<ul class="assert">
|
|
<li>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).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vrl-004-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vrl-004.htm">text-align-vrl-004</a></td>
|
|
<td><a href="reference/direction-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: left' - 'vertical-rl' and 'direction: rtl'
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vrl-006-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vrl-006.htm">text-align-vrl-006</a></td>
|
|
<td><a href="reference/direction-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: left' - 'vertical-rl' and initial, default 'direction'
|
|
<ul class="assert">
|
|
<li>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).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vrl-008-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vrl-008.htm">text-align-vrl-008</a></td>
|
|
<td><a href="reference/text-align-vrl-008-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: center' - 'vertical-rl' and 'direction: ltr'
|
|
<ul class="assert">
|
|
<li>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).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vrl-010-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vrl-010.htm">text-align-vrl-010</a></td>
|
|
<td><a href="reference/text-align-vrl-008-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: center' - 'vertical-rl' and 'direction: rtl'
|
|
<ul class="assert">
|
|
<li>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).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vrl-012-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vrl-012.htm">text-align-vrl-012</a></td>
|
|
<td><a href="reference/text-align-vrl-008-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: center' - 'vertical-rl' and initial, default 'direction'
|
|
<ul class="assert">
|
|
<li>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).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vrl-014-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vrl-014.htm">text-align-vrl-014</a></td>
|
|
<td><a href="reference/direction-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: right' - 'vertical-rl' and 'direction: ltr'
|
|
<ul class="assert">
|
|
<li>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).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vrl-016-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vrl-016.htm">text-align-vrl-016</a></td>
|
|
<td><a href="reference/direction-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: right' - 'vertical-rl' and 'direction: rtl'
|
|
<ul class="assert">
|
|
<li>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.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-align-vrl-018-7.1" class="ahem image">
|
|
<td>
|
|
<a href="text-align-vrl-018.htm">text-align-vrl-018</a></td>
|
|
<td><a href="reference/direction-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-align: right' - 'vertical-rl' and initial, default 'direction'
|
|
<ul class="assert">
|
|
<li>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).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.1.#example-28016ba9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.2">+</a>
|
|
<a href="https://www.w3.org/TR/css-writing-modes-3/#dimension-mapping">7.2 Dimensional Mapping</a></th></tr>
|
|
<!-- 16 tests -->
|
|
<tr id="border-spacing-vlr-003-7.2" class="ahem">
|
|
<td>
|
|
<a href="border-spacing-vlr-003.htm">border-spacing-vlr-003</a></td>
|
|
<td><a href="reference/border-spacing-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>border-spacing - first value is specified and non-zero in 'vertical-lr' table
|
|
<ul class="assert">
|
|
<li>This test checks that first value of 'border-spacing' represents, from top to bottom, a) spacing between logical table left padding (physical table top padding) and leftmost cells and b) inter-column spacing and c) spacing between rightmost cells and logical table right padding (physical table bottom padding).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="border-spacing-vlr-005-7.2" class="ahem">
|
|
<td>
|
|
<a href="border-spacing-vlr-005.htm">border-spacing-vlr-005</a></td>
|
|
<td><a href="reference/border-spacing-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>border-spacing - second value is specified and non-zero in 'vertical-lr' table
|
|
<ul class="assert">
|
|
<li>This test checks that second value of 'border-spacing' represents, from left to right, a) spacing between logical table top padding (physical table left padding) and topmost cells and b) inter-row spacing and c) spacing between bottommost cells and logical table bottom padding (physical table right padding).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="border-spacing-vrl-002-7.2" class="ahem">
|
|
<td>
|
|
<a href="border-spacing-vrl-002.htm">border-spacing-vrl-002</a></td>
|
|
<td><a href="reference/border-spacing-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>border-spacing - first value is specified and non-zero in 'vertical-rl' table
|
|
<ul class="assert">
|
|
<li>This test checks that first value of 'border-spacing' represents, from top to bottom, a) spacing between logical table right padding (physical table top padding) and rightmost cells and b) inter-column spacing and c) spacing between leftmost cells and logical table left padding (physical table bottom padding).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="border-spacing-vrl-004-7.2" class="ahem">
|
|
<td>
|
|
<a href="border-spacing-vrl-004.htm">border-spacing-vrl-004</a></td>
|
|
<td><a href="reference/border-spacing-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>border-spacing - second value is specified and non-zero in 'vertical-rl' table
|
|
<ul class="assert">
|
|
<li>This test checks that second value of 'border-spacing' represents, from right to left, a) spacing between logical table top padding (physical table right padding) and topmost cells and b) inter-row spacing and c) between bottommost cells and logical table bottom padding (physical table left padding).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="percent-margin-vlr-003-7.2" class="image">
|
|
<td>
|
|
<a href="percent-margin-vlr-003.htm">percent-margin-vlr-003</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>margin percentage and 'vertical-lr' (orthogonal flow)
|
|
<ul class="assert">
|
|
<li>This test checks that percentages on the margin are calculated with respect to the width (inline-size) of the containing block if the 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="percent-margin-vlr-005-7.2" class="image">
|
|
<td>
|
|
<a href="percent-margin-vlr-005.htm">percent-margin-vlr-005</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>margin percentage and 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks that percentages on the margin are calculated with respect to the height (inline-size) of the containing block if the 'writing-mode' of such containing block is 'vertical-lr'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="percent-margin-vlr-007-7.2" class="image">
|
|
<td>
|
|
<a href="percent-margin-vlr-007.htm">percent-margin-vlr-007</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>margin percentage and 'vertical-lr' (orthogonal flow)
|
|
<ul class="assert">
|
|
<li>This test checks that percentages on the margin are calculated with respect to the height (inline-size) of the containing block if the 'writing-mode' of such containing block is 'vertical-lr'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="percent-margin-vrl-002-7.2" class="image">
|
|
<td>
|
|
<a href="percent-margin-vrl-002.htm">percent-margin-vrl-002</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>margin percentage and 'vertical-rl' (orthogonal flow)
|
|
<ul class="assert">
|
|
<li>This test checks that percentages on the margin are calculated with respect to the width (inline-size) of the containing block if 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="percent-margin-vrl-004-7.2" class="image">
|
|
<td>
|
|
<a href="percent-margin-vrl-004.htm">percent-margin-vrl-004</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>margin percentage and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that percentages on the margin are calculated with respect to the height (inline-size) of the containing block if the 'writing-mode' of such containing block is 'vertical-rl'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="percent-margin-vrl-006-7.2" class="image">
|
|
<td>
|
|
<a href="percent-margin-vrl-006.htm">percent-margin-vrl-006</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>margin percentage and 'vertical-rl' (orthogonal flow)
|
|
<ul class="assert">
|
|
<li>This test checks that percentages on the margin are calculated with respect to the height (inline-size) of the containing block if the 'writing-mode' of such containing block is 'vertical-rl'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="percent-padding-vlr-003-7.2" class="image">
|
|
<td>
|
|
<a href="percent-padding-vlr-003.htm">percent-padding-vlr-003</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>padding percentage and 'vertical-lr' (orthogonal flow)
|
|
<ul class="assert">
|
|
<li>This test checks that percentages on the padding are calculated with respect to the width (inline-size) of the containing block if 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="percent-padding-vlr-005-7.2" class="image">
|
|
<td>
|
|
<a href="percent-padding-vlr-005.htm">percent-padding-vlr-005</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>padding percentage and 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks that percentages on the padding are calculated with respect to the height (inline-size) of the containing block if the 'writing-mode' of such containing block is 'vertical-lr'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="percent-padding-vlr-007-7.2" class="image">
|
|
<td>
|
|
<a href="percent-padding-vlr-007.htm">percent-padding-vlr-007</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>padding percentage and 'vertical-lr' (orthogonal flow)
|
|
<ul class="assert">
|
|
<li>This test checks that percentages on the padding are calculated with respect to the height (inline-size) of the containing block if the 'writing-mode' of such containing block is 'vertical-lr'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="percent-padding-vrl-002-7.2" class="image">
|
|
<td>
|
|
<a href="percent-padding-vrl-002.htm">percent-padding-vrl-002</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>padding percentage and vertical-rl (orthogonal flow)
|
|
<ul class="assert">
|
|
<li>This test checks that percentages on the padding are calculated with respect to the width (inline-size) of the containing block if the 'writing-mode' of such containing block is 'horizontal-tb'. In this test, div.outer's computed 'writing-mode' value is 'horizontal-tb' and it is the div.inner's containing block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="percent-padding-vrl-004-7.2" class="image">
|
|
<td>
|
|
<a href="percent-padding-vrl-004.htm">percent-padding-vrl-004</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>padding percentage and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that percentages on the padding are calculated with respect to the height (inline-size) of the containing block if the 'writing-mode' of such containing block is 'vertical-rl'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="percent-padding-vrl-006-7.2" class="image">
|
|
<td>
|
|
<a href="percent-padding-vrl-006.htm">percent-padding-vrl-006</a></td>
|
|
<td><a href="reference/margin-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>padding percentage and 'vertical-rl' (orthogonal flow)
|
|
<ul class="assert">
|
|
<li>This test checks that percentages on the padding are calculated with respect to the height (inline-size) of the containing block if the 'writing-mode' of such containing block is 'vertical-rl'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.3">+</a>
|
|
<a href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows">7.3 Orthogonal Flows</a></th></tr>
|
|
<!-- 25 tests -->
|
|
<tr id="orthogonal-parent-shrink-to-fit-001-7.3" class="ahem combo dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001.htm">orthogonal-parent-shrink-to-fit-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="combo" title="Combination of child tests">Combo</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit with orthogonal children
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit with orthogonal children</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001a-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001a.htm">orthogonal-parent-shrink-to-fit-001a</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit inline-block with a child of orthogonal block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit inline-block with a child of orthogonal block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001b-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001b.htm">orthogonal-parent-shrink-to-fit-001b</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit inline-block with a child of orthogonal inline
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit inline-block with a child of orthogonal inline</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001c-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001c.htm">orthogonal-parent-shrink-to-fit-001c</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit inline-block with a child of orthogonal block with borders
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit inline-block with a child of orthogonal block with borders</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001d-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001d.htm">orthogonal-parent-shrink-to-fit-001d</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit inline-block with a child of orthogonal inline with borders
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit inline-block with a child of orthogonal inline with borders</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001e-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001e.htm">orthogonal-parent-shrink-to-fit-001e</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit inline-block with a child of orthogonal block in inline-block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit inline-block with a child of orthogonal block in inline-block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001f-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001f.htm">orthogonal-parent-shrink-to-fit-001f</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit inline-block with a child of orthogonal inline in inline-block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit inline-block with a child of orthogonal inline in inline-block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001g-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001g.htm">orthogonal-parent-shrink-to-fit-001g</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit inline-block with a child of orthogonal block with borders in inline-block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit inline-block with a child of orthogonal block with borders in inline-block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001h-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001h.htm">orthogonal-parent-shrink-to-fit-001h</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit inline-block with a child of orthogonal inline with borders in inline-block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit inline-block with a child of orthogonal inline with borders in inline-block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001i-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001i.htm">orthogonal-parent-shrink-to-fit-001i</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit float with a child of orthogonal block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit float with a child of orthogonal block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001j-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001j.htm">orthogonal-parent-shrink-to-fit-001j</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit float with a child of orthogonal inline
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit float with a child of orthogonal inline</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001k-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001k.htm">orthogonal-parent-shrink-to-fit-001k</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit float with a child of orthogonal block with borders
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit float with a child of orthogonal block with borders</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001l-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001l.htm">orthogonal-parent-shrink-to-fit-001l</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit float with a child of orthogonal inline with borders
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit float with a child of orthogonal inline with borders</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001m-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001m.htm">orthogonal-parent-shrink-to-fit-001m</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit float with a child of orthogonal block in inline-block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit float with a child of orthogonal block in inline-block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001n-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001n.htm">orthogonal-parent-shrink-to-fit-001n</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit float with a child of orthogonal inline in inline-block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit float with a child of orthogonal inline in inline-block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001o-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001o.htm">orthogonal-parent-shrink-to-fit-001o</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit float with a child of orthogonal block with borders in inline-block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit float with a child of orthogonal block with borders in inline-block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001p-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001p.htm">orthogonal-parent-shrink-to-fit-001p</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit float with a child of orthogonal inline with borders in inline-block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit float with a child of orthogonal inline with borders in inline-block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001q-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001q.htm">orthogonal-parent-shrink-to-fit-001q</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit table-cell with a child of orthogonal block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit table-cell with a child of orthogonal block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001r-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001r.htm">orthogonal-parent-shrink-to-fit-001r</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit table-cell with a child of orthogonal inline
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit table-cell with a child of orthogonal inline</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001s-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001s.htm">orthogonal-parent-shrink-to-fit-001s</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit table-cell with a child of orthogonal block with borders
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit table-cell with a child of orthogonal block with borders</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001t-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001t.htm">orthogonal-parent-shrink-to-fit-001t</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit table-cell with a child of orthogonal inline with borders
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit table-cell with a child of orthogonal inline with borders</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001u-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001u.htm">orthogonal-parent-shrink-to-fit-001u</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit table-cell with a child of orthogonal block in inline-block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit table-cell with a child of orthogonal block in inline-block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001v-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001v.htm">orthogonal-parent-shrink-to-fit-001v</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit table-cell with a child of orthogonal inline in inline-block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit table-cell with a child of orthogonal inline in inline-block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001w-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001w.htm">orthogonal-parent-shrink-to-fit-001w</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orthogonal-parent-shrink-to-fit-001x-7.3" class="ahem dom script">
|
|
<td>
|
|
<a href="orthogonal-parent-shrink-to-fit-001x.htm">orthogonal-parent-shrink-to-fit-001x</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block
|
|
<ul class="assert">
|
|
<li>Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.3.#establish-an-orthogonal-flow">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#example-d9b70a0b">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.#orthogonal-shrink-to-fit">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.3.1">+</a>
|
|
<a href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">7.3.1 Available Sizes in Orthogonal Flows</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.1.#issue-ca47cbba">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.3.2">+</a>
|
|
<a href="https://www.w3.org/TR/css-writing-modes-3/#auto-multicol">7.3.2 Auto-sizing Block Containers in Orthogonal Flows</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.2.#issue-bddd6a30">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.3.3">+</a>
|
|
<a href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-layout">7.3.3 Auto-sizing Other Orthogonal Flow Roots</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.3.#example-708daa22">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.3.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.3.4">+</a>
|
|
<a href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-pagination">7.3.4 Fragmenting Orthogonal Flows</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.4">+</a>
|
|
<a href="https://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout">7.4 Flow-Relative Mappings</a></th></tr>
|
|
<!-- 40 tests -->
|
|
<tr id="caption-side-vlr-003-7.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="caption-side-vlr-003.htm">caption-side-vlr-003</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'caption-side: top' and vertical-lr
|
|
<ul class="assert">
|
|
<li>This test checks that when 'caption-side' is set to 'top' in a vertical-lr table, then the caption is placed at the block-start side of the table, which is on the lefthand side of such table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caption-side-vlr-005-7.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="caption-side-vlr-005.htm">caption-side-vlr-005</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'caption-side: bottom' and vertical-lr
|
|
<ul class="assert">
|
|
<li>This test checks that when 'caption-side' is set to 'bottom' in a vertical-lr table, then the caption is placed at the block-end side of the table, which is on the righthand side of such table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caption-side-vrl-002-7.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="caption-side-vrl-002.htm">caption-side-vrl-002</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'caption-side: top' and vertical-rl
|
|
<ul class="assert">
|
|
<li>This test checks that when 'caption-side' is set to 'top' in a vertical-rl table, then the caption is placed at the block-start side of the table, which is on the righthand side of such table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="caption-side-vrl-004-7.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="caption-side-vrl-004.htm">caption-side-vrl-004</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'caption-side: bottom' and vertical-rl
|
|
<ul class="assert">
|
|
<li>This test checks that when 'caption-side' is set to 'bottom' in a vertical-rl table, then the caption is placed at the block-end side of the table, which is on the lefthand side of such table.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vlr-003-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vlr-003.htm">margin-collapse-vlr-003</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-lr' and margin collapsing - maximum of 2 adjoining margins
|
|
<ul class="assert">
|
|
<li>This test checks that margin-end and margin-start of adjacent blocks collapse into its maximum in 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vlr-009-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vlr-009.htm">margin-collapse-vlr-009</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-lr' and margin collapsing - adjoining margins of non-siblings or ancestors
|
|
<ul class="assert">
|
|
<li>This test checks that adjoining margin-end and margin-start boxes generated by elements, that are not related by siblings or ancestors, collapse in 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vlr-011-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vlr-011.htm">margin-collapse-vlr-011</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-lr' and margin collapsing - floated elements do not collapse margins
|
|
<ul class="assert">
|
|
<li>This test checks that margin-end of floated box does not collapse with the margin-start of a preceding block box in 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vlr-015-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vlr-015.htm">margin-collapse-vlr-015</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-lr' and margin collapsing - elements with 'overflow' set to 'visible'
|
|
<ul class="assert">
|
|
<li>This test checks that elements with 'overflow' set to 'visible' collapse margin with in-flow children in 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vlr-017-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vlr-017.htm">margin-collapse-vlr-017</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-lr' and margin collapsing - elements with 'overflow' set to 'hidden'
|
|
<ul class="assert">
|
|
<li>This test checks that elements with 'overflow' set to 'hidden' do not collapse margin with in-flow children in 'vertical-lr' writing-mode. In this test, we are testing and checking that 'margin-left' of div#overflow does not collapse with 'margin-left' of div#nested.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vlr-023-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vlr-023.htm">margin-collapse-vlr-023</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-lr' and margin collapsing - absolute positioning and siblings
|
|
<ul class="assert">
|
|
<li>This test checks that absolutely positioned boxes do not collapse margins with siblings in 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vlr-025-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vlr-025.htm">margin-collapse-vlr-025</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-lr' and margin collapsing - collapse through empty siblings
|
|
<ul class="assert">
|
|
<li>This test checks that margins can collapse through empty elements in 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vlr-031-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vlr-031.htm">margin-collapse-vlr-031</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-lr' and margin collapsing - collapse through sibling
|
|
<ul class="assert">
|
|
<li>This test checks that horizontal margins of boxes can collapse through a sibling box whose left and right margins collapse in 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vlr-035-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vlr-035.htm">margin-collapse-vlr-035</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-lr' and margin collapsing - left margin of a block collapses with left margin of its first child
|
|
<ul class="assert">
|
|
<li>This test checks that, in a vertical-lr context, the left margin an in-flow block element collapses with its first in-flow block-level child's left margin if the element has no top border, no top padding, and the child has no clearance.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vlr-037-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vlr-037.htm">margin-collapse-vlr-037</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-lr' and margin collapsing - right margin of a block collapses with right margin of its last child
|
|
<ul class="assert">
|
|
<li>This test checks that, in a vertical-lr context, the right margin an in-flow block box collapses with its last in-flow block-level child's right margin if the element has no right padding and no right border and the child's right margin does not collapse with a left margin that has clearance.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vrl-002-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vrl-002.htm">margin-collapse-vrl-002</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-rl' and margin collapsing - maximum of 2 adjoining margins
|
|
<ul class="assert">
|
|
<li>This test checks that margin-end and margin-start of adjacent blocks collapse into its maximum in 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vrl-008-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vrl-008.htm">margin-collapse-vrl-008</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-rl' and margin collapsing - adjoining margins of non-siblings or ancestors
|
|
<ul class="assert">
|
|
<li>This test checks that adjoining margin-end and margin-start boxes generated by elements, that are not related by siblings or ancestors, collapse in 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vrl-010-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vrl-010.htm">margin-collapse-vrl-010</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-rl' and margin collapsing - floated elements do not collapse margins
|
|
<ul class="assert">
|
|
<li>This test checks that margin-start of floated box does not collapse with the margin-end of a preceding block box in 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vrl-014-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vrl-014.htm">margin-collapse-vrl-014</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-rl' and margin collapsing - elements with 'overflow' set to 'visible'
|
|
<ul class="assert">
|
|
<li>This test checks that elements with 'overflow' set to 'visible' collapse margin with in-flow children in 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vrl-016-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vrl-016.htm">margin-collapse-vrl-016</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-rl' and margin collapsing - elements with 'overflow' set to 'hidden'
|
|
<ul class="assert">
|
|
<li>This test checks that elements with 'overflow' set to 'hidden' do not collapse their horizontal margin with the horizontal margin in-flow children in 'vertical-rl' writing-mode. In this test, we are testing and checking that 'margin-right' of div#overflow does not collapse with 'margin-right' of div#nested.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vrl-022-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vrl-022.htm">margin-collapse-vrl-022</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-rl' and margin collapsing - absolute positioning and siblings
|
|
<ul class="assert">
|
|
<li>This test checks that absolutely positioned boxes do not collapse margins with siblings in 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vrl-024-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vrl-024.htm">margin-collapse-vrl-024</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-rl' and margin collapsing - collapse through empty siblings
|
|
<ul class="assert">
|
|
<li>This test checks that margins can collapse through empty elements in 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vrl-030-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vrl-030.htm">margin-collapse-vrl-030</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-rl' and margin collapsing - collapse through sibling
|
|
<ul class="assert">
|
|
<li>This test checks that horizontal margins of boxes can collapse through a sibling box whose left and right margins collapse in 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vrl-034-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vrl-034.htm">margin-collapse-vrl-034</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-rl' and margin collapsing - right margin of a block collapses with right margin of its first child
|
|
<ul class="assert">
|
|
<li>This test checks that, in a vertical-rl context, the right margin an in-flow block box collapses with its first in-flow block-level child's right margin if the element has no top border, no top padding, and the child has no clearance.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="margin-collapse-vrl-036-7.4" class="ahem image">
|
|
<td>
|
|
<a href="margin-collapse-vrl-036.htm">margin-collapse-vrl-036</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'vertical-rl' and margin collapsing - left margin of a block collapses with left margin of its last child
|
|
<ul class="assert">
|
|
<li>This test checks that, in a vertical-rl context, the left margin an in-flow block box collapses with its last in-flow block-level child's left margin if the element has no left padding and no left border and the child's left margin does not collapse with a right margin that has clearance.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vlr-003-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vlr-003.htm">text-indent-vlr-003</a></td>
|
|
<td><a href="reference/text-indent-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with absolute unit, 'direction: ltr' in 'vertical-lr' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: ltr' and with 'writing-mode: vertical-lr' starts at top toward the bottom and progress toward the bottom.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vlr-005-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vlr-005.htm">text-indent-vlr-005</a></td>
|
|
<td><a href="reference/text-indent-vlr-005-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with absolute unit, 'direction: rtl' in 'vertical-lr' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-lr' starts at bottom toward the top and progress toward the top.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vlr-007-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vlr-007.htm">text-indent-vlr-007</a></td>
|
|
<td><a href="reference/text-indent-vlr-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with percentage unit, 'direction: ltr' in 'vertical-lr' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vlr-009-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vlr-009.htm">text-indent-vlr-009</a></td>
|
|
<td><a href="reference/text-indent-vlr-005-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with percentage unit, 'direction: rtl' in 'vertical-lr' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-lr' starts at bottom toward the top and progress toward the top.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vlr-011-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vlr-011.htm">text-indent-vlr-011</a></td>
|
|
<td><a href="reference/text-indent-vlr-011-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with absolute unit, 'direction: ltr' in 'vertical-lr' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: ltr' and with 'writing-mode: vertical-lr' starts at top toward the bottom and progress toward the bottom.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vlr-013-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vlr-013.htm">text-indent-vlr-013</a></td>
|
|
<td><a href="reference/text-indent-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with absolute unit, 'direction: rtl' in 'vertical-lr' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-lr' starts at bottom toward the top and progress toward the top.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vlr-015-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vlr-015.htm">text-indent-vlr-015</a></td>
|
|
<td><a href="reference/text-indent-vlr-011-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with percentage unit, 'direction: ltr' in 'vertical-lr' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vlr-017-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vlr-017.htm">text-indent-vlr-017</a></td>
|
|
<td><a href="reference/text-indent-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with percentage unit, 'direction: rtl' in 'vertical-lr' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-lr' starts at bottom toward the top and progress toward the top.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vrl-002-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vrl-002.htm">text-indent-vrl-002</a></td>
|
|
<td><a href="reference/text-indent-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with absolute unit, 'direction: ltr' in 'vertical-rl' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: ltr' and with 'writing-mode: vertical-rl' starts at top toward the bottom and progress toward the bottom.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vrl-004-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vrl-004.htm">text-indent-vrl-004</a></td>
|
|
<td><a href="reference/text-indent-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with absolute unit, 'direction: rtl' in 'vertical-rl' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vrl-006-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vrl-006.htm">text-indent-vrl-006</a></td>
|
|
<td><a href="reference/abs-pos-non-replaced-vlr-009-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with percentage unit, 'direction: ltr' in 'vertical-rl' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vrl-008-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vrl-008.htm">text-indent-vrl-008</a></td>
|
|
<td><a href="reference/text-indent-vrl-008-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with percentage unit, 'direction: rtl' in 'vertical-rl' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vrl-010-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vrl-010.htm">text-indent-vrl-010</a></td>
|
|
<td><a href="reference/text-indent-vrl-010-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with absolute unit, 'direction: ltr' in 'vertical-rl' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: ltr' and with 'writing-mode: vertical-rl' starts at top toward the bottom and progress toward the bottom.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vrl-012-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vrl-012.htm">text-indent-vrl-012</a></td>
|
|
<td><a href="reference/text-indent-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with absolute unit, 'direction: rtl' in 'vertical-rl' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vrl-014-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vrl-014.htm">text-indent-vrl-014</a></td>
|
|
<td><a href="reference/text-indent-vrl-010-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with percentage unit, 'direction: ltr' in 'vertical-rl' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-indent-vrl-016-7.4" class="ahem image">
|
|
<td>
|
|
<a href="text-indent-vrl-016.htm">text-indent-vrl-016</a></td>
|
|
<td><a href="reference/text-indent-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'text-indent' with percentage unit, 'direction: rtl' in 'vertical-rl' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.5">+</a>
|
|
<a href="https://www.w3.org/TR/css-writing-modes-3/#line-mappings">7.5 Line-Relative Mappings</a></th></tr>
|
|
<!-- 58 tests -->
|
|
<tr id="text-decoration-sideways-vlr-003-7.5" class="">
|
|
<td>
|
|
<a href="text-decoration-sideways-vlr-003.htm">text-decoration-sideways-vlr-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-decoration-sideways-vlr-005-7.5" class="">
|
|
<td>
|
|
<a href="text-decoration-sideways-vlr-005.htm">text-decoration-sideways-vlr-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-decoration-sideways-vlr-007-7.5" class="">
|
|
<td>
|
|
<a href="text-decoration-sideways-vlr-007.htm">text-decoration-sideways-vlr-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-decoration-sideways-vrl-002-7.5" class="">
|
|
<td>
|
|
<a href="text-decoration-sideways-vrl-002.htm">text-decoration-sideways-vrl-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-decoration-sideways-vrl-004-7.5" class="">
|
|
<td>
|
|
<a href="text-decoration-sideways-vrl-004.htm">text-decoration-sideways-vrl-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-decoration-sideways-vrl-006-7.5" class="">
|
|
<td>
|
|
<a href="text-decoration-sideways-vrl-006.htm">text-decoration-sideways-vrl-006</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-decoration-upright-vlr-003-7.5" class="">
|
|
<td>
|
|
<a href="text-decoration-upright-vlr-003.htm">text-decoration-upright-vlr-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: underline' and 'text-orientation: upright' in a 'vertical-lr' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'upright' in a 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-decoration-upright-vlr-005-7.5" class="">
|
|
<td>
|
|
<a href="text-decoration-upright-vlr-005.htm">text-decoration-upright-vlr-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: overline' and 'text-orientation: upright' in a 'vertical-lr' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'upright' in a 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-decoration-upright-vlr-007-7.5" class="">
|
|
<td>
|
|
<a href="text-decoration-upright-vlr-007.htm">text-decoration-upright-vlr-007</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: line-through' and 'text-orientation: upright' in a 'vertical-lr' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'upright' in a 'vertical-lr' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-decoration-upright-vrl-002-7.5" class="">
|
|
<td>
|
|
<a href="text-decoration-upright-vrl-002.htm">text-decoration-upright-vrl-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: underline' and 'text-orientation: upright' in a 'vertical-rl' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'upright' in a 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-decoration-upright-vrl-004-7.5" class="">
|
|
<td>
|
|
<a href="text-decoration-upright-vrl-004.htm">text-decoration-upright-vrl-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: overline' and 'text-orientation: upright' in a 'vertical-rl' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'upright' in a 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-decoration-upright-vrl-006-7.5" class="">
|
|
<td>
|
|
<a href="text-decoration-upright-vrl-006.htm">text-decoration-upright-vrl-006</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: line-through' and 'text-orientation: upright' in a 'vertical-rl' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'upright' in a 'vertical-rl' writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="underline-font-size-vlr-003-7.5" class="">
|
|
<td>
|
|
<a href="underline-font-size-vlr-003.htm">underline-font-size-vlr-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: underline' with various font sizes
|
|
<ul class="assert">
|
|
<li>This test checks that when mongolian glyphs of varying font sizes are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="underline-font-size-vlr-005-7.5" class="">
|
|
<td>
|
|
<a href="underline-font-size-vlr-005.htm">underline-font-size-vlr-005</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: underline' with various font sizes and mixed text
|
|
<ul class="assert">
|
|
<li>This test checks that when latin and mongolian glyphs of varying font sizes are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="underline-font-size-vrl-002-7.5" class="">
|
|
<td>
|
|
<a href="underline-font-size-vrl-002.htm">underline-font-size-vrl-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: underline' with various font sizes
|
|
<ul class="assert">
|
|
<li>This test checks that when east-asian glyphs of varying font sizes are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="underline-font-size-vrl-004-7.5" class="">
|
|
<td>
|
|
<a href="underline-font-size-vrl-004.htm">underline-font-size-vrl-004</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: underline' with various font sizes and mixed text
|
|
<ul class="assert">
|
|
<li>This test checks that when latin and east-asian glyphs of varying font sizes are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="underline-mixed-vlr-003-7.5" class="">
|
|
<td>
|
|
<a href="underline-mixed-vlr-003.htm">underline-mixed-vlr-003</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: underline' and mixed text
|
|
<ul class="assert">
|
|
<li>This test checks that when latin and mongolian glyphs are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="underline-mixed-vrl-002-7.5" class="">
|
|
<td>
|
|
<a href="underline-mixed-vrl-002.htm">underline-mixed-vrl-002</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>'text-decoration: underline' and mixed text
|
|
<ul class="assert">
|
|
<li>This test checks that when latin and east-asian glyphs are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-002-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-002.htm">vertical-alignment-002</a></td>
|
|
<td><a href="reference/vertical-alignment-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'top' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-003-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-003.htm">vertical-alignment-003</a></td>
|
|
<td><a href="reference/vertical-alignment-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'top' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-004-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-004.htm">vertical-alignment-004</a></td>
|
|
<td><a href="reference/vertical-alignment-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'text-top' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-top', the physical right (logical top) edge of an inline non-replaced box is aligned with the right side (logical top) of parent's content area.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-005-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-005.htm">vertical-alignment-005</a></td>
|
|
<td><a href="reference/vertical-alignment-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'text-top' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'text-top', the physical right (logical top) edge of an inline non-replaced box is aligned with the right side (logical top) of parent's content area.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-006-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-006.htm">vertical-alignment-006</a></td>
|
|
<td><a href="reference/vertical-alignment-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'text-bottom' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-007-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-007.htm">vertical-alignment-007</a></td>
|
|
<td><a href="reference/vertical-alignment-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'text-bottom' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-008-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-008.htm">vertical-alignment-008</a></td>
|
|
<td><a href="reference/vertical-alignment-008-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'bottom' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-009-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-009.htm">vertical-alignment-009</a></td>
|
|
<td><a href="reference/vertical-alignment-008-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'bottom' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-slr-029-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-slr-029.htm">vertical-alignment-slr-029</a></td>
|
|
<td><a href="reference/vertical-alignment-008-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'top' and sideways-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'top', the physical left (logical top) edge of an inline non-replaced box is aligned with the physical left (logical top) edge of its line box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-slr-031-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-slr-031.htm">vertical-alignment-slr-031</a></td>
|
|
<td><a href="reference/vertical-alignment-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'text-top' and sideways-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'text-top', the physical left (logical top) edge of an inline non-replaced box is aligned with the left side (logical top) of parent's content area.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-slr-033-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-slr-033.htm">vertical-alignment-slr-033</a></td>
|
|
<td><a href="reference/vertical-alignment-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'text-bottom' and sideways-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'text-bottom', the physical right (logical bottom) edge of an inline non-replaced box is aligned with the right side (logical bottom) of parent's content area.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-slr-035-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-slr-035.htm">vertical-alignment-slr-035</a></td>
|
|
<td><a href="reference/vertical-alignment-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'bottom' and sideways-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'bottom', the physical right (logical bottom) edge of an inline non-replaced box is aligned with the physical right (logical bottom) edge of its line box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-slr-037-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-slr-037.htm">vertical-alignment-slr-037</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'super' and sideways-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr' and 'vertical-align' is 'super', the baseline of the box is shifted to the left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-slr-039-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-slr-039.htm">vertical-alignment-slr-039</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'sub' and sideways-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr' and 'vertical-align' is 'sub', the baseline of the box is shifted to the right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-slr-041-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-slr-041.htm">vertical-alignment-slr-041</a></td>
|
|
<td><a href="reference/vertical-alignment-slr-049-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'middle' and sideways-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-srl-028-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-srl-028.htm">vertical-alignment-srl-028</a></td>
|
|
<td><a href="reference/vertical-alignment-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'top' and sideways-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-srl-030-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-srl-030.htm">vertical-alignment-srl-030</a></td>
|
|
<td><a href="reference/vertical-alignment-004-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'text-top' and sideways-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl', 'vertical-align' is 'text-top', the physical right (logical top) edge of an inline non-replaced box is aligned with the right side (logical top) of parent's content area.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-srl-032-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-srl-032.htm">vertical-alignment-srl-032</a></td>
|
|
<td><a href="reference/vertical-alignment-006-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'text-bottom' and sideways-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-srl-034-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-srl-034.htm">vertical-alignment-srl-034</a></td>
|
|
<td><a href="reference/vertical-alignment-008-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'bottom' and sideways-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-srl-036-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-srl-036.htm">vertical-alignment-srl-036</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'super' and sideways-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl' and 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-srl-038-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-srl-038.htm">vertical-alignment-srl-038</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'sub' and sideways-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl' and 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-srl-040-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-srl-040.htm">vertical-alignment-srl-040</a></td>
|
|
<td><a href="reference/vertical-alignment-vrl-026-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'middle' and sideways-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl' and 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vlr-011-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vlr-011.htm">vertical-alignment-vlr-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'super' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vlr-013-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vlr-013.htm">vertical-alignment-vlr-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'super' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vlr-015-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vlr-015.htm">vertical-alignment-vlr-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'super' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vlr-017-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vlr-017.htm">vertical-alignment-vlr-017</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'sub' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vlr-019-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vlr-019.htm">vertical-alignment-vlr-019</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'sub' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vlr-021-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vlr-021.htm">vertical-alignment-vlr-021</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'sub' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vlr-023-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vlr-023.htm">vertical-alignment-vlr-023</a></td>
|
|
<td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'middle' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vlr-025-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vlr-025.htm">vertical-alignment-vlr-025</a></td>
|
|
<td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'middle' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vlr-027-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vlr-027.htm">vertical-alignment-vlr-027</a></td>
|
|
<td><a href="reference/vertical-alignment-vrl-026-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'middle' and vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vrl-010-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vrl-010.htm">vertical-alignment-vrl-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'super' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vrl-012-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vrl-012.htm">vertical-alignment-vrl-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'super' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vrl-014-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vrl-014.htm">vertical-alignment-vrl-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'super' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vrl-016-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vrl-016.htm">vertical-alignment-vrl-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'sub' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vrl-018-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vrl-018.htm">vertical-alignment-vrl-018</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'sub' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vrl-020-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vrl-020.htm">vertical-alignment-vrl-020</a></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'sub' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vrl-022-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vrl-022.htm">vertical-alignment-vrl-022</a></td>
|
|
<td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'middle' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vrl-024-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vrl-024.htm">vertical-alignment-vrl-024</a></td>
|
|
<td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'middle' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-vrl-026-7.5" class="ahem">
|
|
<td>
|
|
<a href="vertical-alignment-vrl-026.htm">vertical-alignment-vrl-026</a></td>
|
|
<td><a href="reference/vertical-alignment-vrl-026-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-align - 'middle' and vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.6">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.6">+</a>
|
|
<a href="https://www.w3.org/TR/css-writing-modes-3/#physical-only">7.6 Purely Physical Mappings</a></th></tr>
|
|
<!-- 39 tests -->
|
|
<tr id="background-position-vlr-003-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vlr-003.htm">background-position-vlr-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: left top' and 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: left top' will make background-image start at upper left corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vlr-005-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vlr-005.htm">background-position-vlr-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: left bottom' and 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: left bottom' will make background-image start at lower right corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vlr-007-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vlr-007.htm">background-position-vlr-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: right top' and 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: right top' will make background-image start at upper right corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vlr-009-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vlr-009.htm">background-position-vlr-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: right bottom' and 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: right bottom' will make background-image start at lower right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vlr-011-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vlr-011.htm">background-position-vlr-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: left top' and 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: left top' will make background-image start at upper left corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vlr-013-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vlr-013.htm">background-position-vlr-013</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: left bottom' and 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: left bottom' will make background-image start at lower left corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vlr-015-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vlr-015.htm">background-position-vlr-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: right top' and 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: right top' will make background-image start at upper right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vlr-017-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vlr-017.htm">background-position-vlr-017</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: right bottom' and 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: right bottom' will make background-image start at lower right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vrl-002-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vrl-002.htm">background-position-vrl-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: left top' and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: left top' will make background-image start at upper left corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vrl-004-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vrl-004.htm">background-position-vrl-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: left bottom' and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: left bottom' will make background-image start at lower left corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vrl-006-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vrl-006.htm">background-position-vrl-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: right top' and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: right top' will make background-image start at upper right corner of page (even in case there is an horizontal resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vrl-008-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vrl-008.htm">background-position-vrl-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: right bottom' and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: right bottom' will make background-image start at lower right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vrl-010-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vrl-010.htm">background-position-vrl-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: left top' and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: left top' will make background-image start at upper left corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vrl-012-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vrl-012.htm">background-position-vrl-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: left bottom' and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: left bottom' will make background-image start at lower left corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vrl-014-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vrl-014.htm">background-position-vrl-014</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: right top' and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: right top' will make background-image start at upper right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vrl-016-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vrl-016.htm">background-position-vrl-016</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: right bottom' and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: right bottom' will make background-image start at lower right corner of page (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vrl-018-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vrl-018.htm">background-position-vrl-018</a></td>
|
|
<td><a href="reference/background-position-vrl-018-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: left top' and 'vertical-rl' when document root element does not fill viewport width
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: left top' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vrl-020-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vrl-020.htm">background-position-vrl-020</a></td>
|
|
<td><a href="reference/background-position-vrl-018-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: left center' and 'vertical-rl' when document root element does not fill viewport width
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: left center' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-position-vrl-022-7.6" class="image interact">
|
|
<td>
|
|
<a href="background-position-vrl-022.htm">background-position-vrl-022</a></td>
|
|
<td><a href="reference/background-position-vrl-018-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>'background-position: left bottom' and 'vertical-rl' when document root element does not fill viewport width
|
|
<ul class="assert">
|
|
<li>This test checks that 'background-position: left bottom' will make background-image start at left side of document root element (even in case there is resizing of the window) because background properties should not be affected by vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-size-document-root-vrl-002-7.6" class="image">
|
|
<td>
|
|
<a href="background-size-document-root-vrl-002.htm">background-size-document-root-vrl-002</a></td>
|
|
<td><a href="reference/background-size-document-root-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'background-size: 100%' filling padding-box of document root element
|
|
<ul class="assert">
|
|
<li>Test checks that 'background-size: 100% 100%' applied for the html root element will make the background-image fill the padding-box of the document box. Since 'background-color' is 'transparent' and since 'background-repeat' is set to 'no-repeat', then only the padding-box of the document root box should be painted green and such padding-box should start at top-right corner of canvas because 'writing-mode' is set to 'vertical-rl'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-size-document-root-vrl-004-7.6" class="image">
|
|
<td>
|
|
<a href="background-size-document-root-vrl-004.htm">background-size-document-root-vrl-004</a></td>
|
|
<td><a href="reference/background-size-document-root-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'background-size: 100%' filling padding-box of document root element
|
|
<ul class="assert">
|
|
<li>Test checks that 'background-size: 100% 100%' applied for the html root element will make the background-image fill the padding-box of the document box. Since 'background-color' is 'transparent' and since 'background-repeat' is set to 'no-repeat', then only the padding-box of the document root box should be painted green and such padding-box should start at top-right corner of canvas because 'writing-mode' is set to 'vertical-rl'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-size-document-root-vrl-006-7.6" class="image">
|
|
<td>
|
|
<a href="background-size-document-root-vrl-006.htm">background-size-document-root-vrl-006</a></td>
|
|
<td><a href="reference/background-size-document-root-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'background-size: 100%' filling padding-box of document root element
|
|
<ul class="assert">
|
|
<li>Test checks that 'background-size: 100% 100%' applied for the html root element will make the background-image fill the padding-box of the document box. Since 'background-color' is 'transparent' and since 'background-repeat' is set to 'no-repeat', then only the padding-box of the document root box should be painted green and such padding-box should start at top-right corner of canvas because 'writing-mode' is set to 'vertical-rl'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="background-size-document-root-vrl-008-7.6" class="image">
|
|
<td>
|
|
<a href="background-size-document-root-vrl-008.htm">background-size-document-root-vrl-008</a></td>
|
|
<td><a href="reference/background-size-document-root-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'background-size: 100%' filling padding-box of document root element
|
|
<ul class="assert">
|
|
<li>Test checks that 'background-size: 100% 100%' applied for the html root element will make the background-image fill the padding-box of the document box. Since 'background-color' is 'transparent' and since 'background-repeat' is set to 'no-repeat', then only the padding-box of the document root box should be painted green and such padding-box should start at top-right corner of canvas because 'writing-mode' is set to 'vertical-rl'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vlr-003-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vlr-003.htm">clip-rect-vlr-003</a></td>
|
|
<td><a href="reference/clip-rect-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-lr' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(0px, 50px, 50px, 0px)' set to an image with 'writing-mode: vertical-lr' will make invisible the region outside the top-left corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vlr-005-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vlr-005.htm">clip-rect-vlr-005</a></td>
|
|
<td><a href="reference/clip-rect-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-lr' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(0px, 100px, 50px, 50px)' set to an image with 'writing-mode: vertical-lr' will make invisible the region outside the top-right corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vlr-007-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vlr-007.htm">clip-rect-vlr-007</a></td>
|
|
<td><a href="reference/clip-rect-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-lr' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(50px, 50px, 100px, 0px)' set to an image with 'writing-mode: vertical-lr' will make invisible the region outside the bottom-left corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vlr-009-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vlr-009.htm">clip-rect-vlr-009</a></td>
|
|
<td><a href="reference/clip-rect-vrl-008-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-lr' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(50px, 100px, 100px, 50px)' set to an image with 'writing-mode: vertical-lr' will make invisible the region outside the bottom-right corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vlr-011-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vlr-011.htm">clip-rect-vlr-011</a></td>
|
|
<td><a href="reference/clip-rect-vlr-011-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-lr' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(0px, 50px, 50px, 0px)' set to an image in a 'writing-mode: vertical-lr' document will make invisible the region outside the top-left corner.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vlr-013-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vlr-013.htm">clip-rect-vlr-013</a></td>
|
|
<td><a href="reference/clip-rect-vlr-013-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-lr' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(0px, 100px, 50px, 50px)' set to an image in a 'writing-mode: vertical-lr' document will make invisible the region outside the top-right corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vlr-015-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vlr-015.htm">clip-rect-vlr-015</a></td>
|
|
<td><a href="reference/clip-rect-vlr-015-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-lr' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(50px, 50px, 100px, 0px)' set to an image in a 'writing-mode: vertical-lr' document will make invisible the region outside the bottom-left corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vlr-017-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vlr-017.htm">clip-rect-vlr-017</a></td>
|
|
<td><a href="reference/clip-rect-vlr-017-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-lr' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(50px, 100px, 100px, 50px)' set to an image in a 'writing-mode: vertical-lr' document will make invisible the region outside the bottom-right corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vrl-002-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vrl-002.htm">clip-rect-vrl-002</a></td>
|
|
<td><a href="reference/clip-rect-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-rl' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(0px, 50px, 50px, 0px)' set to an image with 'writing-mode: vertical-rl' will make invisible the region outside the top-left corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vrl-004-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vrl-004.htm">clip-rect-vrl-004</a></td>
|
|
<td><a href="reference/clip-rect-vrl-004-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-rl' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(0px, 100px, 50px, 50px)' set to an image with 'writing-mode: vertical-rl' will make invisible the region outside the top-right corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vrl-006-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vrl-006.htm">clip-rect-vrl-006</a></td>
|
|
<td><a href="reference/clip-rect-vrl-006-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-rl' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(50px, 50px, 100px, 0px)' set to an image with 'writing-mode: vertical-rl' will make invisible the region outside the bottom-left corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vrl-008-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vrl-008.htm">clip-rect-vrl-008</a></td>
|
|
<td><a href="reference/clip-rect-vrl-008-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-rl' writing-mode (orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(50px, 100px, 100px, 50px)' set to an image with 'writing-mode: vertical-rl' will make invisible the region outside the bottom-right corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vrl-010-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vrl-010.htm">clip-rect-vrl-010</a></td>
|
|
<td><a href="reference/clip-rect-vrl-010-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-rl' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(0px, 50px, 50px, 0px)' set to an image in a 'writing-mode: vertical-rl' document will make invisible the region outside the top-left corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vrl-012-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vrl-012.htm">clip-rect-vrl-012</a></td>
|
|
<td><a href="reference/clip-rect-vrl-012-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-rl' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(0px, 100px, 50px, 50px)' set to an image in a 'writing-mode: vertical-rl' document will make invisible the region outside the top-right corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vrl-014-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vrl-014.htm">clip-rect-vrl-014</a></td>
|
|
<td><a href="reference/clip-rect-vrl-014-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-rl' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(50px, 50px, 100px, 0px)' set to an image in a 'writing-mode: vertical-rl' document will make invisible the region outside the bottom-left corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="clip-rect-vrl-016-7.6" class="image">
|
|
<td>
|
|
<a href="clip-rect-vrl-016.htm">clip-rect-vrl-016</a></td>
|
|
<td><a href="reference/clip-rect-vrl-016-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'clip: rect()' in 'vertical-rl' writing-mode (non-orthogonal)
|
|
<ul class="assert">
|
|
<li>This test checks that 'clip: rect(50px, 100px, 100px, 50px)' set to an image in a 'writing-mode: vertical-rl' document will make invisible the region outside the bottom-right corner of such image.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |