mirror of
https://github.com/servo/servo
synced 2026-04-30 11:27:28 +02:00
Update CSS tests to revision 135b269a1d9f5ce7862ab7426578bd56e2add740
This commit is contained in:
Ms2ger
@@ -23,24 +23,11 @@ ReadmeName README
|
||||
# Add some default descriptions
|
||||
AddDescription "Information about the files in this directory" README
|
||||
|
||||
<files ~ '^character-encoding-03[1234567]\.(xht|xhtml|xml|html|htm)$'>
|
||||
AddCharset us-ascii .xht .xhtml .xml .html .htm
|
||||
</files>
|
||||
|
||||
<files ~ '^at-charset-07[1234567]\.(xht|xhtml|xml|html|htm)$'>
|
||||
AddCharset us-ascii .xht .xhtml .xml .html .htm
|
||||
</files>
|
||||
|
||||
<Files ~ "^cascade-import-002\.(xht|xhtml|xml|html|htm)$">
|
||||
Header add Link "<support/cascade-import-002d.css>; rel=\"stylesheet\""
|
||||
Header add Link "<support/cascade-import-002f.css>; rel=\"stylesheet\""
|
||||
</files>
|
||||
|
||||
<Files ~ "^lang-selector-005\.(xht|xhtml|xml|html|htm)$">
|
||||
AddLanguage fr .xht .xhtml .xml .html .htm
|
||||
</Files>
|
||||
|
||||
|
||||
<Files ~ '^character-encoding-001\.(xht|xhtml|xml|html|htm)$'>
|
||||
AddCharset utf-8 .xht .xhtml .xml .html .htm
|
||||
</Files>
|
||||
@@ -129,3 +116,16 @@ AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
|
||||
AddCharset iso-8859-1 .xht .xhtml .xml .html .htm
|
||||
</Files>
|
||||
|
||||
<Files ~ "^lang-selector-005\.(xht|xhtml|xml|html|htm)$">
|
||||
AddLanguage fr .xht .xhtml .xml .html .htm
|
||||
</Files>
|
||||
|
||||
|
||||
<files ~ '^character-encoding-03[1234567]\.(xht|xhtml|xml|html|htm)$'>
|
||||
AddCharset us-ascii .xht .xhtml .xml .html .htm
|
||||
</files>
|
||||
|
||||
<files ~ '^at-charset-07[1234567]\.(xht|xhtml|xml|html|htm)$'>
|
||||
AddCharset us-ascii .xht .xhtml .xml .html .htm
|
||||
</files>
|
||||
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Visual formatting model details (1449 tests)</h2>
|
||||
<h2>Visual formatting model details (1451 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
@@ -3868,7 +3868,7 @@
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10.3.7">+</a>
|
||||
<a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">10.3.7 Absolutely positioned, non-replaced elements</a></th></tr>
|
||||
<!-- 137 tests -->
|
||||
<!-- 141 tests -->
|
||||
<tr id="abs-pos-non-replaced-vlr-003-10.3.7" class="ahem image">
|
||||
<td>
|
||||
<a href="abs-pos-non-replaced-vlr-003.xht">abs-pos-non-replaced-vlr-003</a></td>
|
||||
@@ -5343,6 +5343,50 @@
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="left-offset-position-fixed-001-10.3.7" class="">
|
||||
<td>
|
||||
<a href="left-offset-position-fixed-001.xht">left-offset-position-fixed-001</a></td>
|
||||
<td><a href="reference/left-offset-position-fixed-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>left:auto offset of position:fixed box in a position:relative containing block
|
||||
<ul class="assert">
|
||||
<li>The 'left' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="left-offset-position-fixed-001-10.3.7" class="">
|
||||
<td>
|
||||
<a href="left-offset-position-fixed-001.xht">left-offset-position-fixed-001</a></td>
|
||||
<td><a href="reference/left-offset-position-fixed-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>left:auto offset of position:fixed box in a position:relative containing block
|
||||
<ul class="assert">
|
||||
<li>The 'left' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="right-offset-position-fixed-001-10.3.7" class="">
|
||||
<td>
|
||||
<a href="right-offset-position-fixed-001.xht">right-offset-position-fixed-001</a></td>
|
||||
<td><a href="reference/right-offset-position-fixed-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>right:auto offset of position:fixed box in an RTL position:relative containing block
|
||||
<ul class="assert">
|
||||
<li>The 'right' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="right-offset-position-fixed-001-10.3.7" class="">
|
||||
<td>
|
||||
<a href="right-offset-position-fixed-001.xht">right-offset-position-fixed-001</a></td>
|
||||
<td><a href="reference/right-offset-position-fixed-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>right:auto offset of position:fixed box in an RTL position:relative containing block
|
||||
<ul class="assert">
|
||||
<li>The 'right' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s10.3.7.#static-position">
|
||||
<!-- 0 tests -->
|
||||
|
||||
@@ -5927,7 +5927,7 @@
|
||||
<tr id="font-003-15.8" class="">
|
||||
<td>
|
||||
<a href="font-003.xht">font-003</a></td>
|
||||
<td></td>
|
||||
<td><a href="reference/font-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Font shorthand set using the values font-variant, font-size and font-family
|
||||
<ul class="assert">
|
||||
@@ -6716,7 +6716,7 @@
|
||||
<tr id="font-003-15.8.#propdef-font" class="primary">
|
||||
<td><strong>
|
||||
<a href="font-003.xht">font-003</a></strong></td>
|
||||
<td></td>
|
||||
<td><a href="reference/font-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Font shorthand set using the values font-variant, font-size and font-family
|
||||
<ul class="assert">
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>User interface (361 tests)</h2>
|
||||
<h2>User interface (357 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
@@ -888,7 +888,7 @@
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s18.4">+</a>
|
||||
<a href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">18.4 Dynamic outlines: the 'outline' property</a></th></tr>
|
||||
<!-- 314 tests -->
|
||||
<!-- 310 tests -->
|
||||
<tr id="outline-001-18.4" class="">
|
||||
<td>
|
||||
<a href="outline-001.xht">outline-001</a></td>
|
||||
@@ -3188,50 +3188,6 @@
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-style-001-18.4" class="">
|
||||
<td>
|
||||
<a href="outline-style-001.xht">outline-style-001</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Outline-style set to 'none'
|
||||
<ul class="assert">
|
||||
<li>Outline style 'none' results in no outline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-style-002-18.4" class="">
|
||||
<td>
|
||||
<a href="outline-style-002.xht">outline-style-002</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Outline-style set to 'dotted'
|
||||
<ul class="assert">
|
||||
<li>Outline style 'dotted' results in a dotted outline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-style-003-18.4" class="">
|
||||
<td>
|
||||
<a href="outline-style-003.xht">outline-style-003</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Outline-style set to 'dashed'
|
||||
<ul class="assert">
|
||||
<li>Outline style 'dashed' results in a dashed outline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-style-004-18.4" class="">
|
||||
<td>
|
||||
<a href="outline-style-004.xht">outline-style-004</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Outline-style set to 'solid'
|
||||
<ul class="assert">
|
||||
<li>Outline style 'solid' results in a solid outline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-style-005-18.4" class="">
|
||||
<td>
|
||||
<a href="outline-style-005.xht">outline-style-005</a></td>
|
||||
@@ -6496,51 +6452,7 @@
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s18.4.#propdef-outline-style">
|
||||
<!-- 25 tests -->
|
||||
<tr id="outline-style-001-18.4.#propdef-outline-style" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-style-001.xht">outline-style-001</a></strong></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Outline-style set to 'none'
|
||||
<ul class="assert">
|
||||
<li>Outline style 'none' results in no outline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-style-002-18.4.#propdef-outline-style" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-style-002.xht">outline-style-002</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Outline-style set to 'dotted'
|
||||
<ul class="assert">
|
||||
<li>Outline style 'dotted' results in a dotted outline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-style-003-18.4.#propdef-outline-style" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-style-003.xht">outline-style-003</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Outline-style set to 'dashed'
|
||||
<ul class="assert">
|
||||
<li>Outline style 'dashed' results in a dashed outline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-style-004-18.4.#propdef-outline-style" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-style-004.xht">outline-style-004</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Outline-style set to 'solid'
|
||||
<ul class="assert">
|
||||
<li>Outline style 'solid' results in a solid outline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 21 tests -->
|
||||
<tr id="outline-style-005-18.4.#propdef-outline-style" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-style-005.xht">outline-style-005</a></strong></td>
|
||||
|
||||
@@ -2472,7 +2472,7 @@
|
||||
<tr id="numbers-units-015-4.3.2" class="primary ahem should">
|
||||
<td><strong>
|
||||
<a href="numbers-units-015.xht">numbers-units-015</a></strong></td>
|
||||
<td><a href="reference/numbers-units-014-ref-a.xht">=</a> <a href="reference/numbers-units-014-ref-b.xht">=</a> </td>
|
||||
<td><a href="reference/numbers-units-015-ref-a.xht">=</a> <a href="reference/numbers-units-015-ref-b.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
||||
<td>Height of EX
|
||||
<ul class="assert">
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Box model (2327 tests)</h2>
|
||||
<h2>Box model (2331 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
@@ -41822,7 +41822,51 @@
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.5.3.#value-def-border-style">
|
||||
<!-- 0 tests -->
|
||||
<!-- 4 tests -->
|
||||
<tr id="outline-style-001-8.5.3.#value-def-border-style" class="">
|
||||
<td>
|
||||
<a href="outline-style-001.xht">outline-style-001</a></td>
|
||||
<td><a href="reference/outline-style-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>outline-style - dotted (basic)
|
||||
<ul class="assert">
|
||||
<li>Test checks that the outline style is dotted when outline-style set dotted</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-style-002-8.5.3.#value-def-border-style" class="">
|
||||
<td>
|
||||
<a href="outline-style-002.xht">outline-style-002</a></td>
|
||||
<td><a href="reference/outline-style-002-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>outline-style - inherit (basic)
|
||||
<ul class="assert">
|
||||
<li>Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-style-003-8.5.3.#value-def-border-style" class="">
|
||||
<td>
|
||||
<a href="outline-style-003.xht">outline-style-003</a></td>
|
||||
<td><a href="reference/outline-style-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>outline-style - dashed (basic)
|
||||
<ul class="assert">
|
||||
<li>Test checks that the outline style is dashed when outline-style set dashed</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-style-004-8.5.3.#value-def-border-style" class="">
|
||||
<td>
|
||||
<a href="outline-style-004.xht">outline-style-004</a></td>
|
||||
<td><a href="reference/outline-style-004-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>outline-style - double (basic)
|
||||
<ul class="assert">
|
||||
<li>Test checks that the outline style is two solid lines when outline-style set double</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s8.5.3.#value-def-dashed">
|
||||
<!-- 0 tests -->
|
||||
|
||||
@@ -1338,7 +1338,7 @@
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">9.2.2 Inline-level elements and inline boxes</a></th></tr>
|
||||
<!-- 22 tests -->
|
||||
<!-- 20 tests -->
|
||||
<tr id="inline-block-alignment-002-9.2.2" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-002.xht">inline-block-alignment-002</a></td>
|
||||
@@ -1427,28 +1427,6 @@
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-010-9.2.2" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-010.xht">inline-block-alignment-010</a></td>
|
||||
<td><a href="reference/inline-block-alignment-010-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline block alignment - alphabetical alignment with vertical layout
|
||||
<ul class="assert">
|
||||
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-011-9.2.2" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-011.xht">inline-block-alignment-011</a></td>
|
||||
<td><a href="reference/inline-block-alignment-007-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline block alignment - alphabetical alignment with vertical layout
|
||||
<ul class="assert">
|
||||
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inlines-002-9.2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="inlines-002.xht">inlines-002</a></strong></td>
|
||||
@@ -4869,7 +4847,7 @@
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.3.2">+</a>
|
||||
<a href="http://www.w3.org/TR/CSS21/visuren.html#position-props">9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'</a></th></tr>
|
||||
<!-- 296 tests -->
|
||||
<!-- 300 tests -->
|
||||
<tr id="background-position-152-9.3.2" class="image">
|
||||
<td>
|
||||
<a href="background-position-152.xht">background-position-152</a></td>
|
||||
@@ -6553,6 +6531,28 @@
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="left-offset-position-fixed-001-9.3.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="left-offset-position-fixed-001.xht">left-offset-position-fixed-001</a></strong></td>
|
||||
<td><a href="reference/left-offset-position-fixed-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>left:auto offset of position:fixed box in a position:relative containing block
|
||||
<ul class="assert">
|
||||
<li>The 'left' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="left-offset-position-fixed-001-9.3.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="left-offset-position-fixed-001.xht">left-offset-position-fixed-001</a></strong></td>
|
||||
<td><a href="reference/left-offset-position-fixed-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>left:auto offset of position:fixed box in a position:relative containing block
|
||||
<ul class="assert">
|
||||
<li>The 'left' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="position-absolute-percentage-inherit-001-9.3.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="position-absolute-percentage-inherit-001.xht">position-absolute-percentage-inherit-001</a></strong></td>
|
||||
@@ -7334,6 +7334,28 @@
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="right-offset-position-fixed-001-9.3.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="right-offset-position-fixed-001.xht">right-offset-position-fixed-001</a></strong></td>
|
||||
<td><a href="reference/right-offset-position-fixed-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>right:auto offset of position:fixed box in an RTL position:relative containing block
|
||||
<ul class="assert">
|
||||
<li>The 'right' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="right-offset-position-fixed-001-9.3.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="right-offset-position-fixed-001.xht">right-offset-position-fixed-001</a></strong></td>
|
||||
<td><a href="reference/right-offset-position-fixed-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>right:auto offset of position:fixed box in an RTL position:relative containing block
|
||||
<ul class="assert">
|
||||
<li>The 'right' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="top-004-9.3.2" class="">
|
||||
<td>
|
||||
<a href="top-004.xht">top-004</a></td>
|
||||
|
||||
@@ -15,6 +15,7 @@
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
|
||||
<link rel="match" href="reference/font-003-ref.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'font' shorthand property accepts and sets font-variant, font-size and font-family." />
|
||||
<style type="text/css">
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
div#rl-mixed
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: mixed;
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
div#lr-mixed
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: mixed;
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
div#rl-upright
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
div#lr-upright
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
div#rl-sideways
|
||||
{
|
||||
color: fuchsia;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
div#lr-sideways
|
||||
{
|
||||
color: aqua;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: sideways;
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
div#rl-sideways-right
|
||||
{
|
||||
color: fuchsia;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways-right;
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
div#lr-sideways-right
|
||||
{
|
||||
color: olive;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: sideways-right;
|
||||
|
||||
@@ -1,70 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test inline-block-alignment-010"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 -->
|
||||
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" />
|
||||
<link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
|
||||
<link rel="match" href="reference/inline-block-alignment-010-ref.xht" />
|
||||
<meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline." />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div#rl-sideways-left
|
||||
{
|
||||
color: teal;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways-left;
|
||||
}
|
||||
|
||||
div#inline-block
|
||||
{
|
||||
display: inline-block;
|
||||
padding-left: 0.5em; /* computes to 60px */
|
||||
font-size: 2em; /* computes to 120px */
|
||||
/*
|
||||
such padding-left declaration is arbitrary and only serve to make the
|
||||
test a bit more challenging.
|
||||
*/
|
||||
}
|
||||
|
||||
span.block-descendant
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
|
||||
span#fuchsia30
|
||||
{
|
||||
padding-right: 4em; /* computes to 120px */
|
||||
font-size: 0.5em; /* computes to 30px */
|
||||
/*
|
||||
such padding-right declaration is arbitrary and only serve to make the
|
||||
test a bit more challenging.
|
||||
*/
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div id="rl-sideways-left">p<div id="inline-block">
|
||||
<span class="block-descendant">B</span>
|
||||
<span class="block-descendant last-line-box">p</span>
|
||||
</div><span id="fuchsia30">p</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,70 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test inline-block-alignment-011"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 -->
|
||||
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" />
|
||||
<link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
|
||||
<link rel="match" href="reference/inline-block-alignment-007-ref.xht" />
|
||||
<meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline." />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div#lr-sideways-left
|
||||
{
|
||||
color: aqua;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: sideways-left;
|
||||
}
|
||||
|
||||
div#inline-block
|
||||
{
|
||||
display: inline-block;
|
||||
padding-left: 0.5em; /* computes to 60px */
|
||||
font-size: 2em; /* computes to 120px */
|
||||
/*
|
||||
such padding-left declaration is arbitrary and only serve to make the
|
||||
test a bit more challenging.
|
||||
*/
|
||||
}
|
||||
|
||||
span.block-descendant
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
|
||||
span#fuchsia30
|
||||
{
|
||||
padding-right: 4em; /* computes to 120px */
|
||||
font-size: 0.5em; /* computes to 30px */
|
||||
/*
|
||||
such padding-right declaration is arbitrary and only serve to make the
|
||||
test a bit more challenging.
|
||||
*/
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div id="lr-sideways-left">É<div id="inline-block">
|
||||
<span class="block-descendant">B</span>
|
||||
<span class="block-descendant last-line-box">É</span>
|
||||
</div><span id="fuchsia30">É</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -23,7 +23,7 @@ svg {
|
||||
</head>
|
||||
<body>
|
||||
<p>The box below should occupy the entire view port.</p>
|
||||
<svg xmlns:xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1" viewBox="0 0 100 100" height="100%" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 100 100" width="100%" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="100%" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0" width="100" fill="green" x="0" height="100"></rect>
|
||||
</svg>
|
||||
|
||||
|
||||
@@ -12,7 +12,7 @@ and the aspect ratio within the SVG is preserved when the view box is specified.
|
||||
<body>
|
||||
<div style="width: 60px; height: 60px; position: relative; background: red;">
|
||||
<div style="position: absolute; left: 15px; top: 0px; width: 30px; height: 60px; background: green;"></div>
|
||||
<svg xmlns:xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1" viewBox="0 0 100 200" height="100%" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 100 200" width="100%" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="100%" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0" width="50%" fill="green" x="-50%" height="100%"></rect>
|
||||
<rect y="0" width="50%" fill="green" x="100%" height="100%"></rect>
|
||||
</svg>
|
||||
|
||||
@@ -11,7 +11,7 @@ and the aspect ratio of SVG image should be ignored when the view box is not spe
|
||||
</head>
|
||||
<body>
|
||||
<div style="width: 60px; height: 60px; position: relative;">
|
||||
<svg xmlns:xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1" height="100%" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg width="100%" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="100%" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0" width="50%" fill="red" x="-50%" height="100%"></rect>
|
||||
<rect y="0" width="100%" fill="green" x="0" height="100%"></rect>
|
||||
<rect y="0" width="50%" fill="red" x="100%" height="100%"></rect>
|
||||
|
||||
@@ -45,7 +45,7 @@ svg {
|
||||
</head>
|
||||
<body>
|
||||
<div id="container"><div></div></div>
|
||||
<svg xmlns:xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg version="1.1" viewBox="0 0 100 100" xmlns:xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0" width="100" fill="green" x="0" height="100"></rect>
|
||||
</svg>
|
||||
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
div#rl-mixed
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: mixed;
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
div#lr-mixed
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: mixed;
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
div#rl-upright
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
div#lr-upright
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1 Ahem; /* computes to 60px/60px */
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
|
||||
@@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: left:auto offset of position:fixed box in a position:relative containing block</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test left-offset-position-fixed-001"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com"/>
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" title="10.3.7 Absolutely positioned, non-replaced elements"/>
|
||||
<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#position-props"/>
|
||||
<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#abs-non-replaced-width"/>
|
||||
<link rel="match" href="reference/left-offset-position-fixed-001-ref.xht"/>
|
||||
<meta name="flags" content=""/>
|
||||
<meta name="assert" content="The 'left' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport."/>
|
||||
<style type="text/css">
|
||||
#shifted-column {
|
||||
left: 50%;
|
||||
width: 50%;
|
||||
position: relative;
|
||||
}
|
||||
.square {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
#red {
|
||||
background-color: red;
|
||||
position: fixed;
|
||||
left: auto;
|
||||
}
|
||||
#green {
|
||||
background-color: green;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a solid green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="shifted-column">
|
||||
<div id="red" class="square"/>
|
||||
</div>
|
||||
<div id="green" class="square"/>
|
||||
</body>
|
||||
</html>
|
||||
@@ -13,8 +13,8 @@
|
||||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" />
|
||||
<link rel="match" href="reference/numbers-units-014-ref-a.xht" />
|
||||
<link rel="match" href="reference/numbers-units-014-ref-b.xht" />
|
||||
<link rel="match" href="reference/numbers-units-015-ref-a.xht" />
|
||||
<link rel="match" href="reference/numbers-units-015-ref-b.xht" />
|
||||
<meta name="flags" content="ahem should" />
|
||||
<meta name="assert" content="In the cases where it is impossible or impractical to determine the x-height, a value of 0.5em should be used." />
|
||||
<style type="text/css">
|
||||
|
||||
@@ -1,32 +1,25 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Outline-style set to 'none'</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test outline-style-001"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: outline-style - dotted (basic)</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel" />
|
||||
<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" />
|
||||
<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" />
|
||||
<link href="reference/outline-style-001-ref.xht" rel="match" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Test checks that the outline style is dotted when outline-style set dotted" name="assert" />
|
||||
<style>
|
||||
#test {
|
||||
height: 100px;
|
||||
margin: 30px;
|
||||
outline-color: green;
|
||||
outline-style: dotted;
|
||||
outline-width: 4px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
|
||||
<link rel="match" href="reference/no-red-filler-text-ref.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Outline style 'none' results in no outline." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
outline-style: none;
|
||||
outline-color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
<div>Filler Text</div>
|
||||
</body>
|
||||
</html>
|
||||
</head><body>
|
||||
<p>Test passes if there is a blank square with <strong>a green dotted</strong> border.</p>
|
||||
<div id="test"></div>
|
||||
|
||||
</body></html>
|
||||
@@ -1,33 +1,35 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Outline-style set to 'dotted'</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test outline-style-002"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: outline-style - inherit (basic)</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel" />
|
||||
<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" />
|
||||
<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" />
|
||||
<link href="reference/outline-style-002-ref.xht" rel="match" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert" />
|
||||
<style>
|
||||
#parent {
|
||||
height: 110px;
|
||||
margin: 30px;
|
||||
outline-color: blue;
|
||||
outline-style: dotted;
|
||||
outline-width: 4px;
|
||||
padding: 20px;
|
||||
width: 110px;
|
||||
}
|
||||
#child {
|
||||
height: 110px;
|
||||
outline-color: green;
|
||||
outline-style: inherit;
|
||||
outline-width: 4px;
|
||||
width: 110px;
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Outline style 'dotted' results in a dotted outline." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
outline-style: dotted;
|
||||
outline-color: blue;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dotted box below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
</head><body>
|
||||
<p>Test passes if there is a blank square with <strong>a green dotted</strong> border centered inside a blue dotted border.</p>
|
||||
<div id="parent">
|
||||
<div id="child"></div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
@@ -1,33 +1,25 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Outline-style set to 'dashed'</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test outline-style-003"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: outline-style - dashed (basic)</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel" />
|
||||
<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" />
|
||||
<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" />
|
||||
<link href="reference/outline-style-003-ref.xht" rel="match" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Test checks that the outline style is dashed when outline-style set dashed" name="assert" />
|
||||
<style>
|
||||
#test {
|
||||
height: 150px;
|
||||
margin: 30px;
|
||||
outline-color: green;
|
||||
outline-style: dashed;
|
||||
outline-width: 2px;
|
||||
width: 150px;
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Outline style 'dashed' results in a dashed outline." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
outline-style: dashed;
|
||||
outline-color: blue;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dashed box below.</p>
|
||||
<div>Filler Text</div>
|
||||
</body>
|
||||
</html>
|
||||
</head><body>
|
||||
<p>Test passes if there is a blank square whose border is <strong>green dashed</strong>.</p>
|
||||
<div id="test"></div>
|
||||
|
||||
</body></html>
|
||||
@@ -1,33 +1,25 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Outline-style set to 'solid'</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test outline-style-004"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Basic User Interface Test: outline-style - double (basic)</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel" />
|
||||
<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" />
|
||||
<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" />
|
||||
<link href="reference/outline-style-004-ref.xht" rel="match" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Test checks that the outline style is two solid lines when outline-style set double" name="assert" />
|
||||
<style>
|
||||
#test {
|
||||
height: 150px;
|
||||
margin: 30px;
|
||||
outline-color: green;
|
||||
outline-style: double;
|
||||
outline-width: 4px;
|
||||
width: 150px;
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Outline style 'solid' results in a solid outline." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
outline-style: solid;
|
||||
outline-color: blue;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
</head><body>
|
||||
<p>Test passes if there is a blank square whose border is <strong>two green solid lines</strong>.</p>
|
||||
<div id="test"></div>
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test at-charset-001-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if both lines of "Filler Text" below are green.</p>
|
||||
<div>Filler Text</div>
|
||||
<div>Filler Text</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel" />
|
||||
<style>
|
||||
div {
|
||||
font: 1in serif;
|
||||
}
|
||||
span {
|
||||
font-variant: small-caps;
|
||||
font-size: 1in;
|
||||
font-family: serif;
|
||||
line-height: 1em;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if letters "E" below are larger than this text, are capitalized, and if the left "E" is smaller than the right "E".</p>
|
||||
<div><span>e</span>E</div>
|
||||
|
||||
</body></html>
|
||||
@@ -1,51 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test inline-block-alignment-010-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 -->
|
||||
<meta name="flags" content="image" />
|
||||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
padding-left: 156px; /* 60 px (padding-left) + 48px (the position difference of box) + 48px (ascent width) */
|
||||
}
|
||||
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 156px; /* 60 px (padding-left) + 96px (ascent width)*/
|
||||
}
|
||||
|
||||
img + br + img + br + img
|
||||
{
|
||||
padding-left: 156px; /* 60 px (padding-left) + 72px (the position difference of box) + 24px (ascent width) */
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img src="support/swatch-teal.png" width="12" height="60" alt="Image download support must be enabled" /><br /><!--
|
||||
--><img src="support/swatch-teal.png" width="144" height="120" alt="Image download support must be enabled" /><br /><!--
|
||||
--><img src="support/swatch-teal.png" width="6" height="30" alt="Image download support must be enabled" />
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reference File</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test left-offset-position-fixed-001-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com"/>
|
||||
<style type="text/css">
|
||||
#greensquare {
|
||||
background-color: green;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a solid green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="greensquare"/>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,37 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test numbers-units-015-ref-a"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
background: black;
|
||||
font-family: Ahem;
|
||||
margin-top: 2px;
|
||||
}
|
||||
#test, #div1 {
|
||||
height: 0.5em;
|
||||
width: 0.5em;
|
||||
}
|
||||
#div2 {
|
||||
height: 0.8em;
|
||||
width: 0.8em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if any two of the boxes below are the same size.</p>
|
||||
<div id="test"></div>
|
||||
<div id="div1"></div>
|
||||
<div id="div2"></div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,37 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test numbers-units-015-ref-b"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
background: black;
|
||||
font-family: Ahem;
|
||||
margin-top: 2px;
|
||||
}
|
||||
#div1 {
|
||||
height: 0.5em;
|
||||
width: 0.5em;
|
||||
}
|
||||
#test, #div2 {
|
||||
height: 0.8em;
|
||||
width: 0.8em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if any two of the boxes below are the same size.</p>
|
||||
<div id="test"></div>
|
||||
<div id="div1"></div>
|
||||
<div id="div2"></div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,25 +1,11 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test ref-green-background"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel" />
|
||||
<style>
|
||||
div { background-color: green; color: white; }
|
||||
</style>
|
||||
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" />
|
||||
<style type="text/css">
|
||||
p {
|
||||
color: white;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>This should have a green background.</p>
|
||||
</body>
|
||||
</html>
|
||||
</head><body>
|
||||
<div>This should be white on green.</div>
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reference File</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test right-offset-position-fixed-001-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com"/>
|
||||
<style type="text/css">
|
||||
html {
|
||||
direction: rtl;
|
||||
}
|
||||
p {
|
||||
direction: ltr;
|
||||
}
|
||||
#greensquare {
|
||||
background-color: green;
|
||||
position: absolute;
|
||||
right: 50%;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a solid green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="greensquare"/>
|
||||
</body>
|
||||
</html>
|
||||
@@ -2,42 +2,6 @@
|
||||
AddCharset Shift_JIS .css
|
||||
</Files>
|
||||
|
||||
<Files ~ "^plaintext.css$">
|
||||
ForceType text/plain
|
||||
</Files>
|
||||
|
||||
<files character-encoding-031.css>
|
||||
AddCharset iso-8859-1 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-032.css>
|
||||
AddCharset iso-8859-11 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-033.css>
|
||||
AddCharset iso-8859-5 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-034.css>
|
||||
AddCharset iso-8859-6 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-035.css>
|
||||
AddCharset iso-8859-7 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-036.css>
|
||||
AddCharset iso-8859-8 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-037.css>
|
||||
AddCharset koi8-r .css
|
||||
</files>
|
||||
|
||||
<files ~ '^at-charset-07[1234567]\.css$'>
|
||||
RemoveCharset .css
|
||||
</files>
|
||||
|
||||
<Files "http1.css">
|
||||
AddCharset iso-8859-1 .css
|
||||
</Files>
|
||||
@@ -81,7 +45,39 @@ AddCharset iso-8859-1 .css
|
||||
AddCharset iso-8859-1 .css
|
||||
</Files>
|
||||
|
||||
<Files ~ "^at-charset-00[1-6].css$">
|
||||
AddCharset Shift_JIS .css
|
||||
<Files ~ "^plaintext.css$">
|
||||
ForceType text/plain
|
||||
</Files>
|
||||
|
||||
<files character-encoding-031.css>
|
||||
AddCharset iso-8859-1 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-032.css>
|
||||
AddCharset iso-8859-11 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-033.css>
|
||||
AddCharset iso-8859-5 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-034.css>
|
||||
AddCharset iso-8859-6 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-035.css>
|
||||
AddCharset iso-8859-7 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-036.css>
|
||||
AddCharset iso-8859-8 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-037.css>
|
||||
AddCharset koi8-r .css
|
||||
</files>
|
||||
|
||||
<files ~ '^at-charset-07[1234567]\.css$'>
|
||||
RemoveCharset .css
|
||||
</files>
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 766 B After Width: | Height: | Size: 766 B |
@@ -27004,6 +27004,14 @@
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="font-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Font shorthand set using the values font-variant, font-size and font-family">
|
||||
<a href="font-003.xht">font-003</a></td>
|
||||
<td><a href="reference/font-003-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="font-051" class="ahem invalid">
|
||||
<tr>
|
||||
<td rowspan="1" title="font shorthand - minimal requirements">
|
||||
@@ -29388,22 +29396,6 @@
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="inline-block-alignment-010" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout">
|
||||
<a href="inline-block-alignment-010.xht">inline-block-alignment-010</a></td>
|
||||
<td><a href="reference/inline-block-alignment-010-ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="inline-block-alignment-011" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout">
|
||||
<a href="inline-block-alignment-011.xht">inline-block-alignment-011</a></td>
|
||||
<td><a href="reference/inline-block-alignment-007-ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="inline-block-height-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Test for height:auto on inline-block">
|
||||
@@ -31052,6 +31044,14 @@
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="left-offset-position-fixed-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="left:auto offset of position:fixed box in a position:relative containing block">
|
||||
<a href="left-offset-position-fixed-001.xht">left-offset-position-fixed-001</a></td>
|
||||
<td><a href="reference/left-offset-position-fixed-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-002" class="image">
|
||||
<tr>
|
||||
<td rowspan="1" title="Height for inline replaced elements and 'line-height'">
|
||||
@@ -37904,11 +37904,11 @@
|
||||
<tr>
|
||||
<td rowspan="2" title="Height of EX">
|
||||
<a href="numbers-units-015.xht">numbers-units-015</a></td>
|
||||
<td><a href="reference/numbers-units-014-ref-a.xht">=</a> </td>
|
||||
<td><a href="reference/numbers-units-015-ref-a.xht">=</a> </td>
|
||||
<td rowspan="2"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="reference/numbers-units-014-ref-a.xht">=</a></td>
|
||||
<td><a href="reference/numbers-units-015-ref-a.xht">=</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="numbers-units-016" class="invalid">
|
||||
@@ -38129,9 +38129,33 @@
|
||||
</tbody>
|
||||
<tbody id="outline-style-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Outline-style set to 'none'">
|
||||
<td rowspan="1" title="outline-style - dotted (basic)">
|
||||
<a href="outline-style-001.xht">outline-style-001</a></td>
|
||||
<td><a href="reference/no-red-filler-text-ref.xht">=</a> </td>
|
||||
<td><a href="reference/outline-style-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="outline-style-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="outline-style - inherit (basic)">
|
||||
<a href="outline-style-002.xht">outline-style-002</a></td>
|
||||
<td><a href="reference/outline-style-002-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="outline-style-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="outline-style - dashed (basic)">
|
||||
<a href="outline-style-003.xht">outline-style-003</a></td>
|
||||
<td><a href="reference/outline-style-003-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="outline-style-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="outline-style - double (basic)">
|
||||
<a href="outline-style-004.xht">outline-style-004</a></td>
|
||||
<td><a href="reference/outline-style-004-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -42463,6 +42487,14 @@
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="right-offset-position-fixed-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="right:auto offset of position:fixed box in an RTL position:relative containing block">
|
||||
<a href="right-offset-position-fixed-001.xht">right-offset-position-fixed-001</a></td>
|
||||
<td><a href="reference/right-offset-position-fixed-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="root-box-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Placing the root element">
|
||||
|
||||
@@ -3382,6 +3382,7 @@ floats-wrap-top-below-inline-003l.xht == reference/floats-wrap-top-below-003l-re
|
||||
floats-wrap-top-below-inline-003r.xht == reference/floats-wrap-top-below-003r-ref.xht
|
||||
floats-zero-height-wrap-001.xht == reference/floats-zero-height-wrap-001-ref.xht
|
||||
floats-zero-height-wrap-002.xht == reference/floats-zero-height-wrap-001-ref.xht
|
||||
font-003.xht == reference/font-003-ref.xht
|
||||
font-051.xht == reference/font-051-ref.xht
|
||||
font-146.xht == reference/font-146-ref.xht
|
||||
font-applies-to-001.xht == reference/font-applies-to-001-ref.xht
|
||||
@@ -3681,8 +3682,6 @@ inline-block-alignment-006.xht == reference/inline-block-alignment-006-ref.xht
|
||||
inline-block-alignment-007.xht == reference/inline-block-alignment-007-ref.xht
|
||||
inline-block-alignment-008.xht == reference/inline-block-alignment-006-ref.xht
|
||||
inline-block-alignment-009.xht == reference/inline-block-alignment-009-ref.xht
|
||||
inline-block-alignment-010.xht == reference/inline-block-alignment-010-ref.xht
|
||||
inline-block-alignment-011.xht == reference/inline-block-alignment-007-ref.xht
|
||||
inline-block-height-001.xht == reference/inline-block-height-001-ref.xht
|
||||
inline-block-height-002.xht == reference/inline-block-height-002-ref.xht
|
||||
inline-block-non-replaced-height-001.xht == reference/height-percentage-001-ref.xht
|
||||
@@ -3889,6 +3888,7 @@ left-offset-002.xht == reference/left-offset-001-ref.xht
|
||||
left-offset-003.xht == reference/left-offset-003-ref.xht
|
||||
left-offset-percentage-001.xht == reference/left-offset-percentage-001-ref.xht
|
||||
left-offset-percentage-002.xht == reference/left-offset-percentage-002-ref.xht
|
||||
left-offset-position-fixed-001.xht == reference/left-offset-position-fixed-001-ref.xht
|
||||
line-box-height-002.xht == reference/line-box-height-002-ref.xht
|
||||
line-breaking-bidi-001.xht == reference/line-breaking-bidi-001-ref.xht
|
||||
line-breaking-bidi-002.xht == reference/line-breaking-bidi-002-ref.xht
|
||||
@@ -4746,8 +4746,8 @@ numbers-units-010.xht == reference/numbers-units-010-ref.xht
|
||||
numbers-units-011.xht == reference/numbers-units-011-ref.xht
|
||||
numbers-units-012.xht == reference/numbers-units-012-ref.xht
|
||||
numbers-units-013.xht == reference/numbers-units-013-ref.xht
|
||||
numbers-units-015.xht == reference/numbers-units-014-ref-a.xht
|
||||
numbers-units-015.xht == reference/numbers-units-014-ref-b.xht
|
||||
numbers-units-015.xht == reference/numbers-units-015-ref-a.xht
|
||||
numbers-units-015.xht == reference/numbers-units-015-ref-b.xht
|
||||
numbers-units-016.xht == reference/no-red-on-blank-page-ref.xht
|
||||
numbers-units-017.xht == reference/no-red-on-blank-page-ref.xht
|
||||
numbers-units-018.xht == reference/numbers-units-018-ref.xht
|
||||
@@ -4775,7 +4775,10 @@ outline-color-115.xht == reference/outline-color-115-ref.xht
|
||||
outline-color-applies-to-005.xht == reference/no-red-on-blank-page-ref.xht
|
||||
outline-color-applies-to-006.xht == reference/no-red-on-blank-page-ref.xht
|
||||
outline-layout-006.xht == reference/outline-layout-006-ref.xht
|
||||
outline-style-001.xht == reference/no-red-filler-text-ref.xht
|
||||
outline-style-001.xht == reference/outline-style-001-ref.xht
|
||||
outline-style-002.xht == reference/outline-style-002-ref.xht
|
||||
outline-style-003.xht == reference/outline-style-003-ref.xht
|
||||
outline-style-004.xht == reference/outline-style-004-ref.xht
|
||||
outline-style-applies-to-005.xht == reference/no-red-on-blank-page-ref.xht
|
||||
outline-style-applies-to-006.xht == reference/no-red-on-blank-page-ref.xht
|
||||
outline-width-002.xht == reference/no-red-filler-text-ref.xht
|
||||
@@ -5317,6 +5320,7 @@ right-offset-002.xht == reference/left-offset-001-ref.xht
|
||||
right-offset-003.xht == reference/right-offset-001-ref.xht
|
||||
right-offset-004.xht == reference/ref-filled-green-100px-square.xht
|
||||
right-offset-percentage-001.xht == reference/right-offset-percentage-001-ref.xht
|
||||
right-offset-position-fixed-001.xht == reference/right-offset-position-fixed-001-ref.xht
|
||||
root-box-001.xht == reference/root-box-001-ref.xht
|
||||
root-box-002.xht == reference/root-box-002-ref.xht
|
||||
root-box-003.xht == reference/root-box-003-ref.xht
|
||||
|
||||
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: right:auto offset of position:fixed box in an RTL position:relative containing block</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test right-offset-position-fixed-001"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com"/>
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/> <!-- 2015-09-17 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" title="9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" title="10.3.7 Absolutely positioned, non-replaced elements"/>
|
||||
<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#position-props"/>
|
||||
<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#abs-non-replaced-width"/>
|
||||
<link rel="match" href="reference/right-offset-position-fixed-001-ref.xht"/>
|
||||
<meta name="flags" content=""/>
|
||||
<meta name="assert" content="The 'right' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport."/>
|
||||
<style type="text/css">
|
||||
html {
|
||||
direction: rtl;
|
||||
}
|
||||
p {
|
||||
direction: ltr;
|
||||
}
|
||||
#shifted-column {
|
||||
right: 50%;
|
||||
width: 50%;
|
||||
position: relative;
|
||||
}
|
||||
.square {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
#red {
|
||||
background-color: red;
|
||||
position: fixed;
|
||||
right: auto;
|
||||
}
|
||||
#green {
|
||||
background-color: green;
|
||||
position: absolute;
|
||||
right: 50%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a solid green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div id="shifted-column">
|
||||
<div id="red" class="square"/>
|
||||
</div>
|
||||
<div id="green" class="square"/>
|
||||
</body>
|
||||
</html>
|
||||
@@ -2,42 +2,6 @@
|
||||
AddCharset Shift_JIS .css
|
||||
</Files>
|
||||
|
||||
<Files ~ "^plaintext.css$">
|
||||
ForceType text/plain
|
||||
</Files>
|
||||
|
||||
<files character-encoding-031.css>
|
||||
AddCharset iso-8859-1 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-032.css>
|
||||
AddCharset iso-8859-11 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-033.css>
|
||||
AddCharset iso-8859-5 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-034.css>
|
||||
AddCharset iso-8859-6 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-035.css>
|
||||
AddCharset iso-8859-7 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-036.css>
|
||||
AddCharset iso-8859-8 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-037.css>
|
||||
AddCharset koi8-r .css
|
||||
</files>
|
||||
|
||||
<files ~ '^at-charset-07[1234567]\.css$'>
|
||||
RemoveCharset .css
|
||||
</files>
|
||||
|
||||
<Files "http1.css">
|
||||
AddCharset iso-8859-1 .css
|
||||
</Files>
|
||||
@@ -81,7 +45,39 @@ AddCharset iso-8859-1 .css
|
||||
AddCharset iso-8859-1 .css
|
||||
</Files>
|
||||
|
||||
<Files ~ "^at-charset-00[1-6].css$">
|
||||
AddCharset Shift_JIS .css
|
||||
<Files ~ "^plaintext.css$">
|
||||
ForceType text/plain
|
||||
</Files>
|
||||
|
||||
<files character-encoding-031.css>
|
||||
AddCharset iso-8859-1 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-032.css>
|
||||
AddCharset iso-8859-11 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-033.css>
|
||||
AddCharset iso-8859-5 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-034.css>
|
||||
AddCharset iso-8859-6 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-035.css>
|
||||
AddCharset iso-8859-7 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-036.css>
|
||||
AddCharset iso-8859-8 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-037.css>
|
||||
AddCharset koi8-r .css
|
||||
</files>
|
||||
|
||||
<files ~ '^at-charset-07[1234567]\.css$'>
|
||||
RemoveCharset .css
|
||||
</files>
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 766 B After Width: | Height: | Size: 766 B |
@@ -57,7 +57,7 @@
|
||||
<tbody id="s8">
|
||||
<tr><th><a href="chapter-8.xht">Chapter 8 -
|
||||
Box model</a></th>
|
||||
<td>(2327 Tests)</td></tr>
|
||||
<td>(2331 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s9">
|
||||
<tr><th><a href="chapter-9.xht">Chapter 9 -
|
||||
@@ -67,7 +67,7 @@
|
||||
<tbody id="s10">
|
||||
<tr><th><a href="chapter-10.xht">Chapter 10 -
|
||||
Visual formatting model details</a></th>
|
||||
<td>(1449 Tests)</td></tr>
|
||||
<td>(1451 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s11">
|
||||
<tr><th><a href="chapter-11.xht">Chapter 11 -
|
||||
@@ -107,7 +107,7 @@
|
||||
<tbody id="s18">
|
||||
<tr><th><a href="chapter-18.xht">Chapter 18 -
|
||||
User interface</a></th>
|
||||
<td>(361 Tests)</td></tr>
|
||||
<td>(357 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="sA">
|
||||
<tr><th><a href="chapter-A.xht">Appendix A -
|
||||
|
||||
Reference in New Issue
Block a user