Update CSS tests to revision 7d0ff6117ee51720c307ea24d413d13eb5abf3e6

This commit is contained in:
Ms2ger 2016-03-01 16:08:43 +01:00
parent 40c52d55e2
commit 349c75536d
7391 changed files with 304135 additions and 153491 deletions

View file

@ -4,7 +4,7 @@
<link href="http://www.intel.com/" rel="author" title="Intel" />
<link href="mailto:xinx.liu@intel.com" name="author" title="Xin Liu" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio" rel="help" title="4.6. aspect-ratio" />
<link href="reference/ref-filled-green-100px-square.xht" name="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="" name="flags" />
<meta content="The 'aspect-ratio' property with prefix 'min' set '59/79' means that the minimum of ratio is '59/79',
only and only if the value of the 'width' to the value of the 'height' is greater than value of 'min-aspect-ratio', the style sheet will be applied." name="assert" />

View file

@ -4,7 +4,7 @@
<link href="http://www.intel.com/" rel="author" title="Intel" />
<link href="mailto:xinx.liu@intel.com" name="author" title="Xin Liu" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio" rel="help" title="4.6. aspect-ratio" />
<link href="reference/ref-filled-green-100px-square.xht" name="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="" name="flags" />
<meta content="The 'aspect-ratio' property with prefix 'min' set '0/0' is invalid that means the style sheet specified by 'min-aspect-ratio' will not be applied." name="assert" />
<style>

View file

@ -4,7 +4,7 @@
<link href="http://www.intel.com/" rel="author" title="Intel" />
<link href="mailto:xinx.liu@intel.com" name="author" title="Xin Liu" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio" rel="help" title="4.6. aspect-ratio" />
<link href="reference/ref-filled-green-100px-square.xht" name="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="" name="flags" />
<meta content="The 'aspect-ratio' property with prefix 'max' set '1280/720' means that the maximum of ratio is '1280/720', only and only if the value of the 'width' to the value of the 'height' is lower than value of 'max-aspect-ratio', the style sheet will be applied." name="assert" />
<style>

View file

@ -4,7 +4,7 @@
<link href="http://www.intel.com/" rel="author" title="Intel" />
<link href="mailto:xinx.liu@intel.com" name="author" title="Xin Liu" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio" rel="help" title="4.6. aspect-ratio" />
<link href="reference/ref-filled-green-100px-square.xht" name="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="" name="flags" />
<meta content="The 'aspect-ratio' property with prefix 'max' set '0/0' is invalid that means the style sheet specified by 'max-aspect-ratio' will not be applied." name="assert" />
<style>

View file

@ -30,7 +30,7 @@
<tbody id="s1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#background">1 Background</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#background">1 Background</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

View file

@ -30,7 +30,7 @@
<tbody id="s2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#media0">2 Media Queries</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#media0">2 Media Queries</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.#expressions">

View file

@ -30,13 +30,13 @@
<tbody id="s3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#syntax">3 Syntax</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#syntax">3 Syntax</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.1">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#error-handling">3.1 Error Handling</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#error-handling">3.1 Error Handling</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

View file

@ -30,13 +30,13 @@
<tbody id="s4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#media1">4 Media features</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#media1">4 Media features</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.1">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#width">4.1 width</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#width">4.1 width</a></th></tr>
<!-- 4 tests -->
<tr id="calc-in-media-queries-001-4.1" class="">
<td>
@ -60,10 +60,10 @@
</ul>
</td>
</tr>
<tr id="min-width-001-4.1" class="primary">
<td><strong>
<a href="min-width-001.xht">min-width-001</a></strong></td>
<td><a href="ref.xht">=</a> </td>
<tr id="min-width-001-4.1" class="">
<td>
<a href="min-width-001.xht">min-width-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>min-width length value approximation
<ul class="assert">
@ -74,7 +74,7 @@
<tr id="min-width-tables-001-4.1" class="dom">
<td>
<a href="min-width-tables-001.xht">min-width-tables-001</a></td>
<td><a href="ref.xht">=</a> </td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>Table Layout and Viewport Resizing
<ul class="assert">
@ -86,36 +86,36 @@
<tbody id="s4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.2">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#height">4.2 height</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#height">4.2 height</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.3">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#device-width">4.3 device-width</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#device-width">4.3 device-width</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.4">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#device-height">4.4 device-height</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#device-height">4.4 device-height</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.5">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#orientation">4.5 orientation</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#orientation">4.5 orientation</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.6">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio">4.6 aspect-ratio</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#aspect-ratio">4.6 aspect-ratio</a></th></tr>
<!-- 4 tests -->
<tr id="aspect-ratio-001-4.6" class="primary">
<td><strong>
<a href="aspect-ratio-001.xht">aspect-ratio-001</a></strong></td>
<td></td>
<tr id="aspect-ratio-001-4.6" class="">
<td>
<a href="aspect-ratio-001.xht">aspect-ratio-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>min-aspect-ratio - 59/79 ('aspect-ratio' property with prefix 'min')
<ul class="assert">
@ -123,10 +123,10 @@
</ul>
</td>
</tr>
<tr id="aspect-ratio-002-4.6" class="primary">
<td><strong>
<a href="aspect-ratio-002.xht">aspect-ratio-002</a></strong></td>
<td></td>
<tr id="aspect-ratio-002-4.6" class="">
<td>
<a href="aspect-ratio-002.xht">aspect-ratio-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>min-aspect-ratio - 0/0 ('aspect-ratio' property with prefix 'min')
<ul class="assert">
@ -134,10 +134,10 @@
</ul>
</td>
</tr>
<tr id="aspect-ratio-003-4.6" class="primary">
<td><strong>
<a href="aspect-ratio-003.xht">aspect-ratio-003</a></strong></td>
<td></td>
<tr id="aspect-ratio-003-4.6" class="">
<td>
<a href="aspect-ratio-003.xht">aspect-ratio-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>max-aspect-ratio - 1280/720 ('aspect-ratio' property with prefix 'max')
<ul class="assert">
@ -145,10 +145,10 @@
</ul>
</td>
</tr>
<tr id="aspect-ratio-004-4.6" class="primary">
<td><strong>
<a href="aspect-ratio-004.xht">aspect-ratio-004</a></strong></td>
<td></td>
<tr id="aspect-ratio-004-4.6" class="">
<td>
<a href="aspect-ratio-004.xht">aspect-ratio-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>max-aspect-ratio - 0/0 ('aspect-ratio' property with prefix 'max')
<ul class="assert">
@ -160,12 +160,12 @@
<tbody id="s4.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.7">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio">4.7 device-aspect-ratio</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio">4.7 device-aspect-ratio</a></th></tr>
<!-- 6 tests -->
<tr id="device-aspect-ratio-001-4.7" class="primary">
<td><strong>
<a href="device-aspect-ratio-001.xht">device-aspect-ratio-001</a></strong></td>
<td></td>
<tr id="device-aspect-ratio-001-4.7" class="">
<td>
<a href="device-aspect-ratio-001.xht">device-aspect-ratio-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>max-device-aspect-ratio - 1281/1024 ('device-aspect-ratio' property with prefix 'max')
<ul class="assert">
@ -173,10 +173,10 @@
</ul>
</td>
</tr>
<tr id="device-aspect-ratio-002-4.7" class="primary">
<td><strong>
<a href="device-aspect-ratio-002.xht">device-aspect-ratio-002</a></strong></td>
<td></td>
<tr id="device-aspect-ratio-002-4.7" class="">
<td>
<a href="device-aspect-ratio-002.xht">device-aspect-ratio-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>max-device-aspect-ratio - 0/0 ('device-aspect-ratio' property with prefix 'max')
<ul class="assert">
@ -184,10 +184,10 @@
</ul>
</td>
</tr>
<tr id="device-aspect-ratio-003-4.7" class="primary">
<td><strong>
<a href="device-aspect-ratio-003.xht">device-aspect-ratio-003</a></strong></td>
<td></td>
<tr id="device-aspect-ratio-003-4.7" class="">
<td>
<a href="device-aspect-ratio-003.xht">device-aspect-ratio-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>min-device-aspect-ratio - 1279/1024 ('device-aspect-ratio' property with prefix 'min')
<ul class="assert">
@ -195,10 +195,10 @@
</ul>
</td>
</tr>
<tr id="device-aspect-ratio-004-4.7" class="primary">
<td><strong>
<a href="device-aspect-ratio-004.xht">device-aspect-ratio-004</a></strong></td>
<td></td>
<tr id="device-aspect-ratio-004-4.7" class="">
<td>
<a href="device-aspect-ratio-004.xht">device-aspect-ratio-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>min-device-aspect-ratio - 0/0 ('device-aspect-ratio' property with prefix 'min')
<ul class="assert">
@ -206,10 +206,10 @@
</ul>
</td>
</tr>
<tr id="device-aspect-ratio-005-4.7" class="primary">
<td><strong>
<a href="device-aspect-ratio-005.xht">device-aspect-ratio-005</a></strong></td>
<td></td>
<tr id="device-aspect-ratio-005-4.7" class="">
<td>
<a href="device-aspect-ratio-005.xht">device-aspect-ratio-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>device-aspect-ratio - 1280/1024 (basic)
<ul class="assert">
@ -217,10 +217,10 @@
</ul>
</td>
</tr>
<tr id="device-aspect-ratio-006-4.7" class="primary">
<td><strong>
<a href="device-aspect-ratio-006.xht">device-aspect-ratio-006</a></strong></td>
<td></td>
<tr id="device-aspect-ratio-006-4.7" class="">
<td>
<a href="device-aspect-ratio-006.xht">device-aspect-ratio-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>device-aspect-ratio - 0/0 (invalid)
<ul class="assert">
@ -232,37 +232,37 @@
<tbody id="s4.8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.8">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#color">4.8 color</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#color">4.8 color</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.9">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#color-index">4.9 color-index</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#color-index">4.9 color-index</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.10">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#monochrome">4.10 monochrome</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#monochrome">4.10 monochrome</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.11">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.11">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#resolution">4.11 resolution</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#resolution">4.11 resolution</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.12">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.12">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#scan">4.12 scan</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#scan">4.12 scan</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.13">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.13">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#grid">4.13 grid</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#grid">4.13 grid</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

View file

@ -30,7 +30,7 @@
<tbody id="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#values">5 Values</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#values">5 Values</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

View file

@ -30,12 +30,12 @@
<tbody id="s6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#units">6 Units</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#units">6 Units</a></th></tr>
<!-- 4 tests -->
<tr id="mq-calc-002-6" class="">
<td>
<a href="mq-calc-002.xht">mq-calc-002</a></td>
<td><a href="reference/mq-calc-001-ref.xht">=</a> </td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>evaluation of em in calc in Media Queries
<ul class="assert">
@ -46,7 +46,7 @@
<tr id="mq-calc-003-6" class="">
<td>
<a href="mq-calc-003.xht">mq-calc-003</a></td>
<td><a href="reference/mq-calc-001-ref.xht">=</a> </td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>evaluation of ex in calc in Media Queries
<ul class="assert">
@ -57,7 +57,7 @@
<tr id="mq-calc-004-6" class="">
<td>
<a href="mq-calc-004.xht">mq-calc-004</a></td>
<td><a href="reference/mq-calc-001-ref.xht">=</a> </td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>evaluation of ch in calc in Media Queries
<ul class="assert">
@ -68,7 +68,7 @@
<tr id="mq-calc-005-6" class="">
<td>
<a href="mq-calc-005.xht">mq-calc-005</a></td>
<td><a href="reference/mq-calc-001-ref.xht">=</a> </td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>evaluation of rem in calc in Media Queries
<ul class="assert">
@ -80,7 +80,7 @@
<tbody id="s6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.1">+</a>
<a href="http://www.w3.org/TR/css3-mediaqueries/#resolution0">6.1 Resolution</a></th></tr>
<a href="https://www.w3.org/TR/css3-mediaqueries/#resolution0">6.1 Resolution</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s.#CSS21">

View file

@ -4,7 +4,7 @@
<link href="http://www.intel.com/" rel="author" title="Intel" />
<link href="mailto:xinx.liu@intel.com" rel="author" title="Xin Liu" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio" rel="help" title="4.7. device-aspect-ratio" />
<link href="reference/ref-filled-green-100px-square.xht" name="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="" name="flags" />
<meta content="The 'device-aspect-ratio' property with prefix 'max' set '1281/1024' means that the maximum of ratio is '1281/1024', only and only if the device value of 'width' to value of 'height' is lower than value of 'max-device-aspect-ratio', the style sheet will be applied." name="assert" />
<style>

View file

@ -4,7 +4,7 @@
<link href="http://www.intel.com/" rel="author" title="Intel" />
<link href="mailto:xinx.liu@intel.com" rel="author" title="Xin Liu" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio" rel="help" title="4.7. device-aspect-ratio" />
<link href="reference/ref-filled-green-100px-square.xht" name="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="" name="flags" />
<meta content="The 'device-aspect-ratio' property with prefix 'max' set '0/0' is invalid that means the style sheet specified by 'max-device-aspect-ratio' will not be applied." name="assert" />
<style>

View file

@ -4,7 +4,7 @@
<link href="http://www.intel.com/" rel="author" title="Intel" />
<link href="mailto:xinx.liu@intel.com" rel="author" title="Xin Liu" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio" rel="help" title="4.7. device-aspect-ratio" />
<link href="reference/ref-filled-green-100px-square.xht" name="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="" name="flags" />
<meta content="The 'device-aspect-ratio' property with prefix 'min' set '1279/1024' means that the minimum of ratio is '1279/1024', only and only if the device value of 'width' to value of 'height' is greater than value of 'min-device-aspect-ratio', the style sheet will be applied." name="assert" />
<style>

View file

@ -4,7 +4,7 @@
<link href="http://www.intel.com/" rel="author" title="Intel" />
<link href="mailto:xinx.liu@intel.com" rel="author" title="Xin Liu" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio" rel="help" title="4.7. device-aspect-ratio" />
<link href="reference/ref-filled-green-100px-square.xht" name="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="" name="flags" />
<meta content="The 'device-aspect-ratio' property with prefix 'min' set '0/0' is invalid that means the style sheet specified by 'min-device-aspect-ratio' will not be applied." name="assert" />
<style>

View file

@ -4,7 +4,7 @@
<link href="http://www.intel.com/" rel="author" title="Intel" />
<link href="mailto:xinx.liu@intel.com" rel="author" title="Xin Liu" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio" rel="help" title="4.7. device-aspect-ratio" />
<link href="reference/ref-filled-green-100px-square.xht" name="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="" name="flags" />
<meta content="The 'device-aspect-ratio' property set '1280/1024' means that the ratio is '1280/1024', only and only if the device value of 'width' to value of 'height' is equals with value of 'device-aspect-ratio', the style sheet will be applied." name="assert" />
<style>

View file

@ -4,7 +4,7 @@
<link href="http://www.intel.com/" rel="author" title="Intel" />
<link href="mailto:xinx.liu@intel.com" rel="author" title="Xin Liu" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio" rel="help" title="4.7. device-aspect-ratio" />
<link href="reference/ref-filled-green-100px-square.xht" name="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="" name="flags" />
<meta content="The 'device-aspect-ratio' property set '0/0' is invalid that means the style sheet specified by 'device-aspect-ratio' will not be applied." name="assert" />
<style>

View file

@ -7,7 +7,7 @@
<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width"/>
<link rel="help" href="http://www.w3.org/TR/mediaqueries-4/#width"/>
<link rel="help" href="http://www.w3.org/TR/css3-values/#length-value"/>
<link rel="match" href="ref.xht"/>
<link rel="match" href="reference/ref-filled-green-100px-square.xht"/>
<meta name="flags" content=""/>
<meta name="assert" content="min-width length values that are too large to be supported must be clamped, rounded to infinity, or approximated, but not overflowed to a small or negative value."/>
<style>
@ -24,7 +24,7 @@ div {
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div/>
</body>
</html>

View file

@ -6,7 +6,7 @@
<link href="https://drafts.csswg.org/css2/tables.html#auto-table-layout" rel="help" />
<link href="https://drafts.csswg.org/mediaqueries-3/#width" rel="help" />
<link href="https://drafts.csswg.org/mediaqueries-4/#width" rel="help" />
<link href="ref.xht" rel="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="dom" name="flags" />
<meta content="Resizing a page which toggles the `display` of elements between `block` and `table-cell` based on the viewport width should not cause unnecessary wrapping of the table." name="assert" />
<style>
@ -16,7 +16,7 @@ iframe {
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<iframe src="support/min-width-tables-001-iframe.html" height="300" id="toy" width="100"></iframe>
<!-- See min-width-tables-001-iframe.html for the derivation of the 100px value -->
<!-- We use 300px height so the incorrect stacking is visible in failure cases -->

View file

@ -4,7 +4,7 @@
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#units" rel="help" />
<link href="reference/mq-calc-001-ref.xht" rel="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="The size in pixels of the 'em' unit used in calc inside a media query does not depend on declarations and use the initial value." name="assert" />
<meta content="" name="flags" />
<style>
@ -21,7 +21,7 @@
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div></div>

View file

@ -4,7 +4,7 @@
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#units" rel="help" />
<link href="reference/mq-calc-001-ref.xht" rel="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="The size in pixels of the 'ex' unit used in calc inside a media query does not depend on declarations and use the initial value." name="assert" />
<meta content="" name="flags" />
<style>
@ -21,7 +21,7 @@
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div></div>

View file

@ -4,7 +4,7 @@
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#units" rel="help" />
<link href="reference/mq-calc-001-ref.xht" rel="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="The size in pixels of the 'ch' unit used in calc inside a media query does not depend on declarations and use the initial value." name="assert" />
<meta content="" name="flags" />
<style>
@ -21,7 +21,7 @@
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div></div>

View file

@ -4,7 +4,7 @@
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" />
<link href="http://www.w3.org/TR/css3-mediaqueries/#units" rel="help" />
<link href="reference/mq-calc-001-ref.xht" rel="match" />
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
<meta content="The size in pixels of the 'rem' unit used in calc inside a media query does not depend on declarations and use the initial value." name="assert" />
<meta content="" name="flags" />
<style>
@ -21,7 +21,7 @@
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div></div>

View file

@ -1,18 +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>
<title>CSS Reftest Reference</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<style>
div {
background-color:green;
height:100px;
width:100px;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div></div>
</body></html>

View file

@ -1,18 +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>
<title>CSS Reftest Reference</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<style>
div {
background-color:green;
height:100px;
width:100px;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div></div>
</body></html>

View file

@ -0,0 +1,19 @@
<!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>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<style type="text/css"><![CDATA[
div
{
background-color: green;
height: 100px;
width: 100px;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div></div>
</body>
</html>

View file

@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
The pattern-* images use cells of various sizes:
pattern-gg-gr.png 20x20
pattern-grg-rgr-grg.png 20x20
pattern-rgr-grg-rgr.png 20x20
pattern-tr.png 15x15

View file

@ -0,0 +1,15 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US"><head>
<title>Media Queries Test inner frame</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
<meta content="text/css" http-equiv="Content-Style-Type">
<style media="all" type="text/css" id="style">
body { text-decoration: underline; }
</style>
</head>
<body>
</body></html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 148 B

View file

@ -24,6 +24,38 @@
<th>Flags</th>
</tr>
</thead>
<tbody id="aspect-ratio-001" class="">
<tr>
<td rowspan="1" title="min-aspect-ratio - 59/79 ('aspect-ratio' property with prefix 'min')">
<a href="aspect-ratio-001.xht">aspect-ratio-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="aspect-ratio-002" class="">
<tr>
<td rowspan="1" title="min-aspect-ratio - 0/0 ('aspect-ratio' property with prefix 'min')">
<a href="aspect-ratio-002.xht">aspect-ratio-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="aspect-ratio-003" class="">
<tr>
<td rowspan="1" title="max-aspect-ratio - 1280/720 ('aspect-ratio' property with prefix 'max')">
<a href="aspect-ratio-003.xht">aspect-ratio-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="aspect-ratio-004" class="">
<tr>
<td rowspan="1" title="max-aspect-ratio - 0/0 ('aspect-ratio' property with prefix 'max')">
<a href="aspect-ratio-004.xht">aspect-ratio-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="calc-in-media-queries-001" class="">
<tr>
<td rowspan="1" title="Calc function inside media queries">
@ -40,11 +72,59 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="device-aspect-ratio-001" class="">
<tr>
<td rowspan="1" title="max-device-aspect-ratio - 1281/1024 ('device-aspect-ratio' property with prefix 'max')">
<a href="device-aspect-ratio-001.xht">device-aspect-ratio-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="device-aspect-ratio-002" class="">
<tr>
<td rowspan="1" title="max-device-aspect-ratio - 0/0 ('device-aspect-ratio' property with prefix 'max')">
<a href="device-aspect-ratio-002.xht">device-aspect-ratio-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="device-aspect-ratio-003" class="">
<tr>
<td rowspan="1" title="min-device-aspect-ratio - 1279/1024 ('device-aspect-ratio' property with prefix 'min')">
<a href="device-aspect-ratio-003.xht">device-aspect-ratio-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="device-aspect-ratio-004" class="">
<tr>
<td rowspan="1" title="min-device-aspect-ratio - 0/0 ('device-aspect-ratio' property with prefix 'min')">
<a href="device-aspect-ratio-004.xht">device-aspect-ratio-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="device-aspect-ratio-005" class="">
<tr>
<td rowspan="1" title="device-aspect-ratio - 1280/1024 (basic)">
<a href="device-aspect-ratio-005.xht">device-aspect-ratio-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="device-aspect-ratio-006" class="">
<tr>
<td rowspan="1" title="device-aspect-ratio - 0/0 (invalid)">
<a href="device-aspect-ratio-006.xht">device-aspect-ratio-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="min-width-001" class="">
<tr>
<td rowspan="1" title="min-width length value approximation">
<a href="min-width-001.xht">min-width-001</a></td>
<td><a href="ref.xht">=</a> </td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -52,7 +132,7 @@
<tr>
<td rowspan="1" title="Table Layout and Viewport Resizing">
<a href="min-width-tables-001.xht">min-width-tables-001</a></td>
<td><a href="ref.xht">=</a> </td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
@ -60,7 +140,7 @@
<tr>
<td rowspan="1" title="evaluation of em in calc in Media Queries">
<a href="mq-calc-002.xht">mq-calc-002</a></td>
<td><a href="reference/mq-calc-001-ref.xht">=</a> </td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -68,7 +148,7 @@
<tr>
<td rowspan="1" title="evaluation of ex in calc in Media Queries">
<a href="mq-calc-003.xht">mq-calc-003</a></td>
<td><a href="reference/mq-calc-001-ref.xht">=</a> </td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -76,7 +156,7 @@
<tr>
<td rowspan="1" title="evaluation of ch in calc in Media Queries">
<a href="mq-calc-004.xht">mq-calc-004</a></td>
<td><a href="reference/mq-calc-001-ref.xht">=</a> </td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -84,7 +164,7 @@
<tr>
<td rowspan="1" title="evaluation of rem in calc in Media Queries">
<a href="mq-calc-005.xht">mq-calc-005</a></td>
<td><a href="reference/mq-calc-001-ref.xht">=</a> </td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>

View file

@ -1,9 +1,19 @@
aspect-ratio-001.xht == reference/ref-filled-green-100px-square.xht
aspect-ratio-002.xht == reference/ref-filled-green-100px-square.xht
aspect-ratio-003.xht == reference/ref-filled-green-100px-square.xht
aspect-ratio-004.xht == reference/ref-filled-green-100px-square.xht
calc-in-media-queries-001.xht == reference/all-green.xht
calc-in-media-queries-002.xht == reference/all-green.xht
min-width-001.xht == ref.xht
min-width-tables-001.xht == ref.xht
mq-calc-002.xht == reference/mq-calc-001-ref.xht
mq-calc-003.xht == reference/mq-calc-001-ref.xht
mq-calc-004.xht == reference/mq-calc-001-ref.xht
mq-calc-005.xht == reference/mq-calc-001-ref.xht
device-aspect-ratio-001.xht == reference/ref-filled-green-100px-square.xht
device-aspect-ratio-002.xht == reference/ref-filled-green-100px-square.xht
device-aspect-ratio-003.xht == reference/ref-filled-green-100px-square.xht
device-aspect-ratio-004.xht == reference/ref-filled-green-100px-square.xht
device-aspect-ratio-005.xht == reference/ref-filled-green-100px-square.xht
device-aspect-ratio-006.xht == reference/ref-filled-green-100px-square.xht
min-width-001.xht == reference/ref-filled-green-100px-square.xht
min-width-tables-001.xht == reference/ref-filled-green-100px-square.xht
mq-calc-002.xht == reference/ref-filled-green-100px-square.xht
mq-calc-003.xht == reference/ref-filled-green-100px-square.xht
mq-calc-004.xht == reference/ref-filled-green-100px-square.xht
mq-calc-005.xht == reference/ref-filled-green-100px-square.xht

View file

@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
The pattern-* images use cells of various sizes:
pattern-gg-gr.png 20x20
pattern-grg-rgr-grg.png 20x20
pattern-rgr-grg-rgr.png 20x20
pattern-tr.png 15x15

View file

@ -0,0 +1,15 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US"><head>
<title>Media Queries Test inner frame</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
<meta content="text/css" http-equiv="Content-Style-Type">
<style media="all" type="text/css" id="style">
body { text-decoration: underline; }
</style>
</head>
<body>
</body></html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 148 B