mirror of
https://github.com/servo/servo.git
synced 2025-08-03 20:50:07 +01:00
Update CSS tests to revision 7d0ff6117ee51720c307ea24d413d13eb5abf3e6
This commit is contained in:
Ms2ger
parent
40c52d55e2
commit
349c75536d
7391 changed files with 304135 additions and 153491 deletions
|
|
@ -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-background/#introduction">1 Introduction</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#introduction">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#acknowledgments">10 Acknowledgments</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#acknowledgments">10 Acknowledgments</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s11">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#references">11 References</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#references">11 References</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#normative-references">
|
||||
|
|
|
|||
|
|
@ -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-background/#values">2 Values and Interactions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#values">2 Values and Interactions</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="background-size-032-2" class="image">
|
||||
<td>
|
||||
|
|
@ -69,11 +69,11 @@
|
|||
<tbody id="s2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#placement">2.1 Module Interactions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#placement">2.1 Module Interactions</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="background-image-first-letter-2.1" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="background-image-first-letter.htm">background-image-first-letter</a></strong></td>
|
||||
<tr id="background-image-first-letter-2.1" class="ahem image">
|
||||
<td>
|
||||
<a href="background-image-first-letter.htm">background-image-first-letter</a></td>
|
||||
<td><a href="reference/background-image-first-letter-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>background-image applicability to ::first-letter
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
<tbody id="s2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#value-types">2.2 Value Types</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#value-types">2.2 Value Types</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="background-clip-006-2.2" class="">
|
||||
<td>
|
||||
|
|
@ -117,7 +117,7 @@
|
|||
<tbody id="s2.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#animations">2.3 Animated Values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#animations">2.3 Animated Values</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#borders">4 Borders</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#borders">4 Borders</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-001-4" class="">
|
||||
<td>
|
||||
|
|
@ -91,11 +91,11 @@
|
|||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-color">4.1 Line Colors: the ‘border-color’ properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-color">4.1 Line Colors: the ‘border-color’ properties</a></th></tr>
|
||||
<!-- 7 tests -->
|
||||
<tr id="border-color_transparent-4.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-color_transparent.htm">border-color_transparent</a></strong></td>
|
||||
<tr id="border-color_transparent-4.1" class="">
|
||||
<td>
|
||||
<a href="border-color_transparent.htm">border-color_transparent</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>border-clip_border-box
|
||||
|
|
@ -104,9 +104,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-style-001-4.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-001.htm">border-radius-style-001</a></strong></td>
|
||||
<tr id="border-radius-style-001-4.1" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-001.htm">border-radius-style-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: dotted'
|
||||
|
|
@ -115,9 +115,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color.htm">ttwf-css3background-border-color</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color.htm">ttwf-css3background-border-color</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color
|
||||
|
|
@ -126,9 +126,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color-shorthand.htm">ttwf-css3background-border-color-shorthand</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color-shorthand.htm">ttwf-css3background-border-color-shorthand</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color_shorthand
|
||||
|
|
@ -137,9 +137,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-bottom-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-bottom.htm">ttwf-css3background-border-color-shorthand-missing-bottom</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-bottom-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-bottom.htm">ttwf-css3background-border-color-shorthand-missing-bottom</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color_shorthand_missing_bottom
|
||||
|
|
@ -148,9 +148,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-left-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-left.htm">ttwf-css3background-border-color-shorthand-missing-left</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-left-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-left.htm">ttwf-css3background-border-color-shorthand-missing-left</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color_shorthand_missing_left
|
||||
|
|
@ -159,9 +159,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-right-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-right.htm">ttwf-css3background-border-color-shorthand-missing-right</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-right-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-right.htm">ttwf-css3background-border-color-shorthand-missing-right</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color_shorthand_missing_right
|
||||
|
|
@ -189,11 +189,11 @@
|
|||
<tbody id="s4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-style">4.2 Line Patterns: the ‘border-style’ properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-style">4.2 Line Patterns: the ‘border-style’ properties</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="border-radius-style-002-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-002.htm">border-radius-style-002</a></strong></td>
|
||||
<tr id="border-radius-style-002-4.2" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-002.htm">border-radius-style-002</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: dashed'
|
||||
|
|
@ -202,9 +202,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-style-003-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-003.htm">border-radius-style-003</a></strong></td>
|
||||
<tr id="border-radius-style-003-4.2" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-003.htm">border-radius-style-003</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: double'
|
||||
|
|
@ -213,9 +213,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-style-004-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-004.htm">border-radius-style-004</a></strong></td>
|
||||
<tr id="border-radius-style-004-4.2" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-004.htm">border-radius-style-004</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: solid'
|
||||
|
|
@ -224,9 +224,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-style-005-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-005.htm">border-radius-style-005</a></strong></td>
|
||||
<tr id="border-radius-style-005-4.2" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-005.htm">border-radius-style-005</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: none'
|
||||
|
|
@ -235,9 +235,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style.htm">ttwf-css3background-border-style</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style.htm">ttwf-css3background-border-style</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style
|
||||
|
|
@ -246,9 +246,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-double-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-double.htm">ttwf-css3background-border-style-double</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-double-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-double.htm">ttwf-css3background-border-style-double</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style_double
|
||||
|
|
@ -257,9 +257,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-shorthand.htm">ttwf-css3background-border-style-shorthand</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-shorthand.htm">ttwf-css3background-border-style-shorthand</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style_shorthand
|
||||
|
|
@ -268,9 +268,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-missing-bottom-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-shorthand-missing-bottom.htm">ttwf-css3background-border-style-shorthand-missing-bottom</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-missing-bottom-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-shorthand-missing-bottom.htm">ttwf-css3background-border-style-shorthand-missing-bottom</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style
|
||||
|
|
@ -279,9 +279,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-missing-left-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-shorthand-missing-left.htm">ttwf-css3background-border-style-shorthand-missing-left</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-missing-left-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-shorthand-missing-left.htm">ttwf-css3background-border-style-shorthand-missing-left</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style
|
||||
|
|
@ -290,9 +290,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-values-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-values.htm">ttwf-css3background-border-style-values</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-values-4.2" class="">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-values.htm">ttwf-css3background-border-style-values</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>border_style_values
|
||||
|
|
@ -353,27 +353,27 @@
|
|||
<tbody id="s4.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-width">4.3 Line Thickness: the ‘border-width’ properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-width">4.3 Line Thickness: the ‘border-width’ properties</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="css3-background-clip-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-background-clip.htm">css3-background-clip</a></strong></td>
|
||||
<tr id="css3-background-clip-4.3" class="">
|
||||
<td>
|
||||
<a href="css3-background-clip.htm">css3-background-clip</a></td>
|
||||
<td><a href="reference/css3-background-clip-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>the background is pruned to content box
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css3-background-size-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-background-size.htm">css3-background-size</a></strong></td>
|
||||
<tr id="css3-background-size-4.3" class="">
|
||||
<td>
|
||||
<a href="css3-background-size.htm">css3-background-size</a></td>
|
||||
<td><a href="reference/css3-background-size-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>the size of the background image
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css3-box-shadow-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-box-shadow.htm">css3-box-shadow</a></strong></td>
|
||||
<tr id="css3-box-shadow-4.3" class="">
|
||||
<td>
|
||||
<a href="css3-box-shadow.htm">css3-box-shadow</a></td>
|
||||
<td><a href="reference/css3-box-shadow-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>the test passes if adding one or more shadow to the box
|
||||
|
|
@ -401,7 +401,7 @@
|
|||
<tbody id="s4.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-shorthands">4.4 Border Shorthand Properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-shorthands">4.4 Border Shorthand Properties</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-001-4.4" class="">
|
||||
<td>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -30,11 +30,11 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#border-images">6 Border Images</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#border-images">6 Border Images</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="border-image-repeat-round-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-repeat-round.htm">border-image-repeat-round</a></strong></td>
|
||||
<tr id="border-image-repeat-round-6" class="">
|
||||
<td>
|
||||
<a href="border-image-repeat-round.htm">border-image-repeat-round</a></td>
|
||||
<td><a href="reference/border-image-repeat-round-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'border-image-repeat' set as 'round'
|
||||
|
|
@ -43,9 +43,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-round-and-stretch-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-round-and-stretch.htm">border-image-round-and-stretch</a></strong></td>
|
||||
<tr id="border-image-round-and-stretch-6" class="">
|
||||
<td>
|
||||
<a href="border-image-round-and-stretch.htm">border-image-round-and-stretch</a></td>
|
||||
<td><a href="reference/border-image-round-and-stretch-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'border-image' set as 'round' and 'stretch'
|
||||
|
|
@ -54,9 +54,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-percentage-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-percentage.htm">border-image-slice-percentage</a></strong></td>
|
||||
<tr id="border-image-slice-percentage-6" class="">
|
||||
<td>
|
||||
<a href="border-image-slice-percentage.htm">border-image-slice-percentage</a></td>
|
||||
<td><a href="reference/border-image-slice-percentage-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'border-image-slice' set by percentage
|
||||
|
|
@ -72,11 +72,11 @@
|
|||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-source">6.1 Image Source: the ‘border-image-source’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-source">6.1 Image Source: the ‘border-image-source’ property</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="border-image-1-6.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-1.htm">border-image-1</a></strong></td>
|
||||
<tr id="border-image-1-6.1" class="">
|
||||
<td>
|
||||
<a href="border-image-1.htm">border-image-1</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #1 border-image-source
|
||||
|
|
@ -85,9 +85,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-11-6.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-11.htm">border-image-11</a></strong></td>
|
||||
<tr id="border-image-11-6.1" class="">
|
||||
<td>
|
||||
<a href="border-image-11.htm">border-image-11</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #11 border-image-outset
|
||||
|
|
@ -99,9 +99,9 @@
|
|||
</tbody>
|
||||
<tbody id="s6.1.#border-image-source">
|
||||
<!-- 1 tests -->
|
||||
<tr id="css3-border-image-source-6.1.#border-image-source" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-border-image-source.htm">css3-border-image-source</a></strong></td>
|
||||
<tr id="css3-border-image-source-6.1.#border-image-source" class="">
|
||||
<td>
|
||||
<a href="css3-border-image-source.htm">css3-border-image-source</a></td>
|
||||
<td><a href="reference/css3-border-image-source-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>border image source property
|
||||
|
|
@ -111,11 +111,11 @@
|
|||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-slice">6.2 Image Slicing: the ‘border-image-slice’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-slice">6.2 Image Slicing: the ‘border-image-slice’ property</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-image-slice-001-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-001.htm">border-image-slice-001</a></strong></td>
|
||||
<tr id="border-image-slice-001-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-001.htm">border-image-slice-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image-slice - <percentage>
|
||||
|
|
@ -124,9 +124,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-002-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-002.htm">border-image-slice-002</a></strong></td>
|
||||
<tr id="border-image-slice-002-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-002.htm">border-image-slice-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image-slice - <number>
|
||||
|
|
@ -135,9 +135,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-003-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-003.htm">border-image-slice-003</a></strong></td>
|
||||
<tr id="border-image-slice-003-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-003.htm">border-image-slice-003</a></td>
|
||||
<td><a href="reference/ref-if-there-is-no-red.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image-slice - border-style: none
|
||||
|
|
@ -146,9 +146,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-005-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-005.htm">border-image-slice-005</a></strong></td>
|
||||
<tr id="border-image-slice-005-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-005.htm">border-image-slice-005</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>The 'border-image-slice' property with four percentage values
|
||||
|
|
@ -157,9 +157,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-007-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-007.htm">border-image-slice-007</a></strong></td>
|
||||
<tr id="border-image-slice-007-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-007.htm">border-image-slice-007</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>The 'border-image-slice' property with the 'fill' keyword
|
||||
|
|
@ -171,9 +171,9 @@
|
|||
</tbody>
|
||||
<tbody id="s6.2.#border-image-slice">
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-image-2-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-2.htm">border-image-2</a></strong></td>
|
||||
<tr id="border-image-2-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-2.htm">border-image-2</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #2 border-image-slice
|
||||
|
|
@ -182,9 +182,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-3-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-3.htm">border-image-3</a></strong></td>
|
||||
<tr id="border-image-3-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-3.htm">border-image-3</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #3 border-image-slice
|
||||
|
|
@ -193,9 +193,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-4-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-4.htm">border-image-4</a></strong></td>
|
||||
<tr id="border-image-4-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-4.htm">border-image-4</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #4 border-image-slice
|
||||
|
|
@ -204,9 +204,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-5-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-5.htm">border-image-5</a></strong></td>
|
||||
<tr id="border-image-5-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-5.htm">border-image-5</a></td>
|
||||
<td><a href="support/reftest-border-image-5.png">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #5 border-image-slice
|
||||
|
|
@ -215,9 +215,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-6-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-6.htm">border-image-6</a></strong></td>
|
||||
<tr id="border-image-6-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-6.htm">border-image-6</a></td>
|
||||
<td><a href="support/reftest-border-image-5.png">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #6 border-image-slice
|
||||
|
|
@ -233,11 +233,11 @@
|
|||
<tbody id="s6.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr>
|
||||
<!-- 7 tests -->
|
||||
<tr id="border-image-10-6.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-10.htm">border-image-10</a></strong></td>
|
||||
<tr id="border-image-10-6.3" class="">
|
||||
<td>
|
||||
<a href="border-image-10.htm">border-image-10</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #10 border-image-width
|
||||
|
|
@ -246,9 +246,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-7-6.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-7.htm">border-image-7</a></strong></td>
|
||||
<tr id="border-image-7-6.3" class="">
|
||||
<td>
|
||||
<a href="border-image-7.htm">border-image-7</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #7 border-image-width
|
||||
|
|
@ -257,9 +257,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-8-6.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-8.htm">border-image-8</a></strong></td>
|
||||
<tr id="border-image-8-6.3" class="">
|
||||
<td>
|
||||
<a href="border-image-8.htm">border-image-8</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #8 border-image-width
|
||||
|
|
@ -268,9 +268,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-9-6.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-9.htm">border-image-9</a></strong></td>
|
||||
<tr id="border-image-9-6.3" class="">
|
||||
<td>
|
||||
<a href="border-image-9.htm">border-image-9</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #9 border-image-width
|
||||
|
|
@ -279,9 +279,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-width-005-6.3" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-width-005.htm">border-image-width-005</a></strong></td>
|
||||
<tr id="border-image-width-005-6.3" class="image">
|
||||
<td>
|
||||
<a href="border-image-width-005.htm">border-image-width-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border image area - border-image-width
|
||||
|
|
@ -290,9 +290,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-width-006-6.3" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-width-006.htm">border-image-width-006</a></strong></td>
|
||||
<tr id="border-image-width-006-6.3" class="image">
|
||||
<td>
|
||||
<a href="border-image-width-006.htm">border-image-width-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border image area - border-image-width
|
||||
|
|
@ -301,9 +301,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-width-007-6.3" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-width-007.htm">border-image-width-007</a></strong></td>
|
||||
<tr id="border-image-width-007-6.3" class="image">
|
||||
<td>
|
||||
<a href="border-image-width-007.htm">border-image-width-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border image area - border-image-width
|
||||
|
|
@ -322,11 +322,11 @@
|
|||
<tbody id="s6.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-outset">6.4 Edge Overhang: the ‘border-image-outset’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-outset">6.4 Edge Overhang: the ‘border-image-outset’ property</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="border-image-12-6.4" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-12.htm">border-image-12</a></strong></td>
|
||||
<tr id="border-image-12-6.4" class="">
|
||||
<td>
|
||||
<a href="border-image-12.htm">border-image-12</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #12 border-image-outset
|
||||
|
|
@ -345,11 +345,11 @@
|
|||
<tbody id="s6.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-repeat">6.5 Image Tiling: the ‘border-image-repeat’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-repeat">6.5 Image Tiling: the ‘border-image-repeat’ property</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<tr id="border-image-13-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-13.htm">border-image-13</a></strong></td>
|
||||
<tr id="border-image-13-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-13.htm">border-image-13</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #13 border-image-repeat
|
||||
|
|
@ -358,9 +358,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-14-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-14.htm">border-image-14</a></strong></td>
|
||||
<tr id="border-image-14-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-14.htm">border-image-14</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #14 border-image-repeat
|
||||
|
|
@ -369,9 +369,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-15-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-15.htm">border-image-15</a></strong></td>
|
||||
<tr id="border-image-15-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-15.htm">border-image-15</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #15 border-image-repeat
|
||||
|
|
@ -380,9 +380,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-16-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-16.htm">border-image-16</a></strong></td>
|
||||
<tr id="border-image-16-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-16.htm">border-image-16</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #16 border-image-repeat
|
||||
|
|
@ -391,9 +391,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-repeat_repeatnegx_none_50px-6.5" class="primary script">
|
||||
<td><strong>
|
||||
<a href="border-image-repeat_repeatnegx_none_50px.htm">border-image-repeat_repeatnegx_none_50px</a></strong></td>
|
||||
<tr id="border-image-repeat_repeatnegx_none_50px-6.5" class="script">
|
||||
<td>
|
||||
<a href="border-image-repeat_repeatnegx_none_50px.htm">border-image-repeat_repeatnegx_none_50px</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>"border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div
|
||||
|
|
@ -402,9 +402,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-space-001-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-space-001.htm">border-image-space-001</a></strong></td>
|
||||
<tr id="border-image-space-001-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-space-001.htm">border-image-space-001</a></td>
|
||||
<td><a href="reference/border-image-space-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border Image: box with spaced repeating border image
|
||||
|
|
@ -416,17 +416,17 @@
|
|||
</tbody>
|
||||
<tbody id="s6.5.#border-image-repeat">
|
||||
<!-- 2 tests -->
|
||||
<tr id="css3-border-image-repeat-repeat-6.5.#border-image-repeat" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-border-image-repeat-repeat.htm">css3-border-image-repeat-repeat</a></strong></td>
|
||||
<tr id="css3-border-image-repeat-repeat-6.5.#border-image-repeat" class="">
|
||||
<td>
|
||||
<a href="css3-border-image-repeat-repeat.htm">css3-border-image-repeat-repeat</a></td>
|
||||
<td><a href="reference/css3-border-image-repeat-repeat-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>border image repeat property with value repeat
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css3-border-image-repeat-stretch-6.5.#border-image-repeat" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-border-image-repeat-stretch.htm">css3-border-image-repeat-stretch</a></strong></td>
|
||||
<tr id="css3-border-image-repeat-stretch-6.5.#border-image-repeat" class="">
|
||||
<td>
|
||||
<a href="css3-border-image-repeat-stretch.htm">css3-border-image-repeat-stretch</a></td>
|
||||
<td><a href="reference/css3-border-image-repeat-stretch-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>border image repeat property with value stretch
|
||||
|
|
@ -448,17 +448,17 @@
|
|||
<tbody id="s6.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#border-image-process">6.6 Drawing the Border Image</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#border-image-process">6.6 Drawing the Border Image</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image">6.7 Border Image Shorthand: the ‘border-image’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image">6.7 Border Image Shorthand: the ‘border-image’ property</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-image-017-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-017.htm">border-image-017</a></strong></td>
|
||||
<tr id="border-image-017-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-image-017.htm">border-image-017</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image shorthand - with border-image-slice <percentage> and border-image-width <percentage>
|
||||
|
|
@ -467,9 +467,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-018-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-018.htm">border-image-018</a></strong></td>
|
||||
<tr id="border-image-018-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-image-018.htm">border-image-018</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image shorthand - with border-image-slice <number> and border-image-width <percentage>
|
||||
|
|
@ -478,9 +478,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-019-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-019.htm">border-image-019</a></strong></td>
|
||||
<tr id="border-image-019-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-image-019.htm">border-image-019</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image shorthand - with border-image-slice <percentage> and border-image-width <number>
|
||||
|
|
@ -489,9 +489,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-020-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-020.htm">border-image-020</a></strong></td>
|
||||
<tr id="border-image-020-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-image-020.htm">border-image-020</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image shorthand - with border-image-slice <number> and border-image-width <number>
|
||||
|
|
@ -500,9 +500,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-images-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-images.htm">border-images</a></strong></td>
|
||||
<tr id="border-images-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-images.htm">border-images</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-images with round repeat
|
||||
|
|
@ -518,7 +518,7 @@
|
|||
<tbody id="s6.8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.8">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#border-image-tables">6.8 Effect on Tables</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#border-image-tables">6.8 Effect on Tables</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,17 +30,17 @@
|
|||
<tbody id="s7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#misc">7 Miscellaneous Effects</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#misc">7 Miscellaneous Effects</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-box-shadow">7.1 Drop Shadows: the ‘box-shadow’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-box-shadow">7.1 Drop Shadows: the ‘box-shadow’ property</a></th></tr>
|
||||
<!-- 11 tests -->
|
||||
<tr id="box-shadow-001-7.1" class="primary internal">
|
||||
<td><strong>
|
||||
<a href="box-shadow-001.htm">box-shadow-001</a></strong></td>
|
||||
<tr id="box-shadow-001-7.1" class="internal">
|
||||
<td>
|
||||
<a href="box-shadow-001.htm">box-shadow-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="internal" title=""></abbr></td>
|
||||
<td>Positive value of horizontal offset
|
||||
|
|
@ -49,9 +49,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-002-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-002.htm">box-shadow-002</a></strong></td>
|
||||
<tr id="box-shadow-002-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-002.htm">box-shadow-002</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Positive values for spread distance
|
||||
|
|
@ -60,9 +60,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-004-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-004.htm">box-shadow-004</a></strong></td>
|
||||
<tr id="box-shadow-004-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-004.htm">box-shadow-004</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Negative value for blur radius
|
||||
|
|
@ -71,9 +71,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-005-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-005.htm">box-shadow-005</a></strong></td>
|
||||
<tr id="box-shadow-005-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-005.htm">box-shadow-005</a></td>
|
||||
<td><a href="reference/box-shadow-005-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Box-Shadow property
|
||||
|
|
@ -82,9 +82,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-blur-definition-001-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-blur-definition-001.htm">box-shadow-blur-definition-001</a></strong></td>
|
||||
<tr id="box-shadow-blur-definition-001-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-blur-definition-001.htm">box-shadow-blur-definition-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>blur computation for box-shadow
|
||||
|
|
@ -93,9 +93,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-inset-spread-without-border-radius-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-inset-spread-without-border-radius.htm">box-shadow-inset-spread-without-border-radius</a></strong></td>
|
||||
<tr id="box-shadow-inset-spread-without-border-radius-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-inset-spread-without-border-radius.htm">box-shadow-inset-spread-without-border-radius</a></td>
|
||||
<td><a href="reference/box-shadow-inset-spread-without-border-radius.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-shadow
|
||||
|
|
@ -104,9 +104,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-inset-without-border-radius-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-inset-without-border-radius.htm">box-shadow-inset-without-border-radius</a></strong></td>
|
||||
<tr id="box-shadow-inset-without-border-radius-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-inset-without-border-radius.htm">box-shadow-inset-without-border-radius</a></td>
|
||||
<td><a href="reference/box-shadow-inset-without-border-radius.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-shadow
|
||||
|
|
@ -115,9 +115,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-outset-spread-without-border-radius-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-outset-spread-without-border-radius.htm">box-shadow-outset-spread-without-border-radius</a></strong></td>
|
||||
<tr id="box-shadow-outset-spread-without-border-radius-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-outset-spread-without-border-radius.htm">box-shadow-outset-spread-without-border-radius</a></td>
|
||||
<td><a href="reference/box-shadow-outset-spread-without-border-radius.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-shadow
|
||||
|
|
@ -126,9 +126,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-outset-without-border-radius-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-outset-without-border-radius.htm">box-shadow-outset-without-border-radius</a></strong></td>
|
||||
<tr id="box-shadow-outset-without-border-radius-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-outset-without-border-radius.htm">box-shadow-outset-without-border-radius</a></td>
|
||||
<td><a href="reference/box-shadow-outset-without-border-radius.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-shadow
|
||||
|
|
@ -137,9 +137,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-syntax-001-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-syntax-001.htm">box-shadow-syntax-001</a></strong></td>
|
||||
<tr id="box-shadow-syntax-001-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-syntax-001.htm">box-shadow-syntax-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Box Shadow Syntax: Reordering Components
|
||||
|
|
@ -148,9 +148,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-box-shadow-001-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-box-shadow-001.htm">css-box-shadow-001</a></strong></td>
|
||||
<tr id="css-box-shadow-001-7.1" class="">
|
||||
<td>
|
||||
<a href="css-box-shadow-001.htm">css-box-shadow-001</a></td>
|
||||
<td><a href="reference/css-box-shadow-ref-001.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS box-shadow Test
|
||||
|
|
@ -205,7 +205,7 @@
|
|||
<tbody id="s7.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#shadow-shape">7.1.1 Shadow Shape, Spread, and Knockout</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#shadow-shape">7.1.1 Shadow Shape, Spread, and Knockout</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1.1.#box-shadow-samples">
|
||||
|
|
@ -214,13 +214,13 @@
|
|||
<tbody id="s7.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#shadow-blur">7.1.2 Blurring Shadow Edges</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#shadow-blur">7.1.2 Blurring Shadow Edges</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#shadow-layers">7.1.3 Layering, Layout, and Other Details</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#shadow-layers">7.1.3 Layering, Layout, and Other Details</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#definitions">8 Definitions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#definitions">8 Definitions</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#glossary">8.1 Glossary</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#glossary">8.1 Glossary</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1.#document">
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
<tbody id="s8.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#conformance">8.2 Conformance</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#conformance">8.2 Conformance</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.2.#authoring-tool">
|
||||
|
|
@ -69,31 +69,31 @@
|
|||
<tbody id="s8.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#levels">8.3 Levels</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#levels">8.3 Levels</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#level-1">8.3.1 Level 1</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#level-1">8.3.1 Level 1</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#level-2">8.3.2 Level 2</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#level-2">8.3.2 Level 2</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#level-3">8.3.3 Level 3</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#level-3">8.3.3 Level 3</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#exit">8.4 CR Exit Criteria</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#exit">8.4 CR Exit Criteria</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,43 +30,43 @@
|
|||
<tbody id="s9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes">9 Changes</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes">9 Changes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2014-07">9.1 Changes since the 4 February 2014 Last Call Working Draft</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2014-07">9.1 Changes since the 4 February 2014 Last Call Working Draft</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2012-07">9.2 Changes since the 24 July 2012 Candidate Recommendation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2012-07">9.2 Changes since the 24 July 2012 Candidate Recommendation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2012-04">9.3 Changes since the 17 April 2012 Candidate Recommendation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2012-04">9.3 Changes since the 17 April 2012 Candidate Recommendation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2012LC">9.4 Changes since the 14 February 2012 “Last Call” Working Draft</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2012LC">9.4 Changes since the 14 February 2012 “Last Call” Working Draft</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2011">9.5 Changes Since the 15 February 2011 Candidate Recommendation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2011">9.5 Changes Since the 15 February 2011 Candidate Recommendation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2009">9.6 Changes Since the 17 December 2009 Candidate Recommendation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2009">9.6 Changes Since the 17 December 2009 Candidate Recommendation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,8 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
|
|
@ -15,14 +11,9 @@
|
|||
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>
|
||||
|
|
@ -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
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 203 B |
|
|
@ -1,47 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Transforms Test: transform property with translate function</title>
|
||||
<link href="mailto:77765477@163.com" rel="author" title="zhenyu_w3c">
|
||||
<style type="text/css">
|
||||
table{
|
||||
font-size:12px;
|
||||
}
|
||||
th{
|
||||
height:80px;
|
||||
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../support/table-head.jpg',sizingMethod='scale'); background-repeat: repeat-x;*/
|
||||
background:url(../support/table-head.jpg) repeat-x;
|
||||
border-width:0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if you didn't see the img repeat on the Y direction (note: the size of img is 1px weight and 80px height and with blue and red colors) </p>
|
||||
|
||||
<table>
|
||||
<tbody><tr>
|
||||
<th>
|
||||
first
|
||||
</th>
|
||||
<th>
|
||||
second
|
||||
</th>
|
||||
<th>
|
||||
third
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
1
|
||||
</td>
|
||||
<td>
|
||||
2
|
||||
</td>
|
||||
<td>
|
||||
3
|
||||
</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1962,14 +1962,6 @@
|
|||
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="scroll" title="Only valid for continuous media">Scroll</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="ttwf-reftest-background-repeat-x" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="transform property with translate function">
|
||||
<a href="ttwf-reftest-background-repeat-x.htm">ttwf-reftest-background-repeat-x</a></td>
|
||||
<td><a href="reference/ttwf-reftest-background-repeat-x-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="ttwf-reftest-borderradius" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Test Background and border">
|
||||
|
|
|
|||
|
|
@ -241,5 +241,4 @@ css3-border-image-source.htm == reference/css3-border-image-source-ref.htm
|
|||
css3-box-shadow.htm == reference/css3-box-shadow-ref.htm
|
||||
diagonal-percentage-vector-background.htm == reference/diagonal-percentage-vector-background-ref.htm
|
||||
scroll-positioned-multiple-background-images.htm == reference/60x60-green-background.htm
|
||||
ttwf-reftest-background-repeat-x.htm == reference/ttwf-reftest-background-repeat-x-ref.htm
|
||||
ttwf-reftest-borderRadius.htm == reference/ttwf-reftest-borderRadius-ref.htm
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 203 B |
|
|
@ -32,7 +32,7 @@
|
|||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.htm">Chapter 3 -
|
||||
Backgrounds</a></th>
|
||||
<td>(382 Tests)</td></tr>
|
||||
<td>(381 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.htm">Chapter 4 -
|
||||
|
|
|
|||
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Transforms Test: transform property with translate function</title>
|
||||
<link href="mailto:77765477@163.com" rel="author" title="zhenyu_w3c">
|
||||
<link href="http://www.w3.org/TR/css3-background/#the-background-repeat" rel="help">
|
||||
<link href="reference/ttwf-reftest-background-repeat-x-ref.htm" rel="match">
|
||||
<meta content="You should only see the img with two color render on the X directions." name="assert">
|
||||
<style type="text/css">
|
||||
table{
|
||||
font-size:12px;
|
||||
}
|
||||
th{
|
||||
height:160px;
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='support/table-head.jpg',sizingMethod='scale'); background-repeat: repeat-x;
|
||||
/*background:url(support/table-head.jpg) repeat-x;*/
|
||||
border-width:0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script>
|
||||
var filter=true;
|
||||
var obj_array=document.getElementsByTagName("th");
|
||||
|
||||
|
||||
function switch_filter(){
|
||||
if(filter){
|
||||
for(i=0;i<obj_array.length;i++){
|
||||
obj_array[i].style.filter="";
|
||||
obj_array[i].style.background="url(support/table-head.jpg) repeat-x";
|
||||
}
|
||||
var button=document.getElementById("switch-button");
|
||||
button.value="has use the pure repeat-x.click here to cancel repeat-x,to use filter!!!";
|
||||
filter=false;
|
||||
}
|
||||
else{
|
||||
for(i=0;i<obj_array.length;i++){
|
||||
obj_array[i].style.background="";
|
||||
obj_array[i].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='support/table-head.jpg',sizingMethod='scale'); background-repeat: repeat-x";
|
||||
}
|
||||
var button=document.getElementById("switch-button");
|
||||
button.value="has used the filter.click here to cancel filter,to use pure repeat-x!!!";
|
||||
filter=true;
|
||||
}
|
||||
}
|
||||
</script></head>
|
||||
|
||||
<body>
|
||||
<p>The test passes if you see the img repeat on the X direction (not repeat on the Y direction) </p>
|
||||
<div><input type="button" value="has used the filter.click here to cancel filter,to use pure repeat-x!!!" onclick="switch_filter()" id="switch-button"></div>
|
||||
<table>
|
||||
<tbody><tr>
|
||||
<th>
|
||||
first
|
||||
</th>
|
||||
<th>
|
||||
second
|
||||
</th>
|
||||
<th>
|
||||
third
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
1
|
||||
</td>
|
||||
<td>
|
||||
2
|
||||
</td>
|
||||
<td>
|
||||
3
|
||||
</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -221,34 +221,34 @@ html4/background-size-005.htm 88f2e9f6286faf6e87827321b43df30c0de7e095 ?
|
|||
xhtml1/background-size-005.xht 88f2e9f6286faf6e87827321b43df30c0de7e095 ?
|
||||
html4/background-size-006.htm e7a0cde7e4bef1885fe1523c7011a93b97b787c0 ?
|
||||
xhtml1/background-size-006.xht e7a0cde7e4bef1885fe1523c7011a93b97b787c0 ?
|
||||
html4/background-size-007.htm dd735bb5f22b4b3c6d13a13d27407082371e6806 ?
|
||||
xhtml1/background-size-007.xht dd735bb5f22b4b3c6d13a13d27407082371e6806 ?
|
||||
html4/background-size-008.htm 3e6604f3d824e3cb4a94afbd049ab4347778a86e ?
|
||||
xhtml1/background-size-008.xht 3e6604f3d824e3cb4a94afbd049ab4347778a86e ?
|
||||
html4/background-size-007.htm 3547359b24eb4a451646c287630ea5b219f6a403 ?
|
||||
xhtml1/background-size-007.xht 3547359b24eb4a451646c287630ea5b219f6a403 ?
|
||||
html4/background-size-008.htm af2a27e5129325a63c751ebb6492bb1c7afe7f12 ?
|
||||
xhtml1/background-size-008.xht af2a27e5129325a63c751ebb6492bb1c7afe7f12 ?
|
||||
html4/background-size-009.htm 7bf435cbdb416f96f1d831e9baf1914ff6300b5e ?
|
||||
xhtml1/background-size-009.xht 7bf435cbdb416f96f1d831e9baf1914ff6300b5e ?
|
||||
html4/background-size-010.htm 6c159c57f9324f59314eaa64109b4dde26ea7972 ?
|
||||
xhtml1/background-size-010.xht 6c159c57f9324f59314eaa64109b4dde26ea7972 ?
|
||||
html4/background-size-011.htm 0b597264afebf44e05504e7e76aa44d41ef01422 ?
|
||||
xhtml1/background-size-011.xht 0b597264afebf44e05504e7e76aa44d41ef01422 ?
|
||||
html4/background-size-010.htm 221d47718c5d82aca43f829ac9db170ad71e0f50 ?
|
||||
xhtml1/background-size-010.xht 221d47718c5d82aca43f829ac9db170ad71e0f50 ?
|
||||
html4/background-size-011.htm 24837619751fc3d86d97257f45fc370ac4fc55ac ?
|
||||
xhtml1/background-size-011.xht 24837619751fc3d86d97257f45fc370ac4fc55ac ?
|
||||
html4/background-size-012.htm da1c3c475c141279a5c9cbeb05b66d931ef93335 ?
|
||||
xhtml1/background-size-012.xht da1c3c475c141279a5c9cbeb05b66d931ef93335 ?
|
||||
html4/background-size-013.htm e21b209e547e14b9656a99cd5ae77e7465e16c3b ?
|
||||
xhtml1/background-size-013.xht e21b209e547e14b9656a99cd5ae77e7465e16c3b ?
|
||||
html4/background-size-013.htm c71ef9bd5cde6ad140d38d2fbb5b4097fc5b0ba9 ?
|
||||
xhtml1/background-size-013.xht c71ef9bd5cde6ad140d38d2fbb5b4097fc5b0ba9 ?
|
||||
html4/background-size-014.htm 410c7596a9bb965705e780959ea6dfc48595ef2f ?
|
||||
xhtml1/background-size-014.xht 410c7596a9bb965705e780959ea6dfc48595ef2f ?
|
||||
html4/background-size-015.htm a28b33fb190712fe67e8b85d833415c602564040 ?
|
||||
xhtml1/background-size-015.xht a28b33fb190712fe67e8b85d833415c602564040 ?
|
||||
html4/background-size-016.htm 5528cc80366ce200d22ab0f41d83ff39a80bf526 ?
|
||||
xhtml1/background-size-016.xht 5528cc80366ce200d22ab0f41d83ff39a80bf526 ?
|
||||
html4/background-size-015.htm 04dceb9a97a49ea5c26c3fd2071a322df308d93f ?
|
||||
xhtml1/background-size-015.xht 04dceb9a97a49ea5c26c3fd2071a322df308d93f ?
|
||||
html4/background-size-016.htm c24247b037751ab85badfb1f96d35d836a2d3950 ?
|
||||
xhtml1/background-size-016.xht c24247b037751ab85badfb1f96d35d836a2d3950 ?
|
||||
html4/background-size-017.htm 99e6018c53696ab403e707c5e9787c2ad72404c8 ?
|
||||
xhtml1/background-size-017.xht 99e6018c53696ab403e707c5e9787c2ad72404c8 ?
|
||||
html4/background-size-018.htm 245e26e2d3af7fd2ad746cb85afca2710c4f66eb ?
|
||||
xhtml1/background-size-018.xht 245e26e2d3af7fd2ad746cb85afca2710c4f66eb ?
|
||||
html4/background-size-019.htm 7cff24b88aab41384b4f082a0fed37e4f7d20c40 ?
|
||||
xhtml1/background-size-019.xht 7cff24b88aab41384b4f082a0fed37e4f7d20c40 ?
|
||||
html4/background-size-020.htm dcf75df56a9ef7eff180aa45422155515d4826b0 ?
|
||||
xhtml1/background-size-020.xht dcf75df56a9ef7eff180aa45422155515d4826b0 ?
|
||||
html4/background-size-018.htm 432aff641baaf34936b9b0a30b449208efbf0221 ?
|
||||
xhtml1/background-size-018.xht 432aff641baaf34936b9b0a30b449208efbf0221 ?
|
||||
html4/background-size-019.htm e69ec712db5293a949421dcc598c79ecd0a8260d ?
|
||||
xhtml1/background-size-019.xht e69ec712db5293a949421dcc598c79ecd0a8260d ?
|
||||
html4/background-size-020.htm ef7cd5b8b8a02e7ef6cde105d4dbd5615b73c7f2 ?
|
||||
xhtml1/background-size-020.xht ef7cd5b8b8a02e7ef6cde105d4dbd5615b73c7f2 ?
|
||||
html4/background-size-021.htm 8ed8907193c08394baa6006fbb567ffb2dc785ce ?
|
||||
xhtml1/background-size-021.xht 8ed8907193c08394baa6006fbb567ffb2dc785ce ?
|
||||
html4/background-size-022.htm a595248600342501eb33dd3c6c6f38bd31af9db7 ?
|
||||
|
|
@ -275,28 +275,28 @@ html4/background-size-032.htm 5ea3627c9273f45ed83c41b332cac1ac6f8500dd ?
|
|||
xhtml1/background-size-032.xht 5ea3627c9273f45ed83c41b332cac1ac6f8500dd ?
|
||||
html4/background-size-033.htm 4718350b22a059ed9d8315a72c06f693a3d3371a ?
|
||||
xhtml1/background-size-033.xht 4718350b22a059ed9d8315a72c06f693a3d3371a ?
|
||||
html4/background-size-034.htm 1fb173290c526ebcaf08899f9fccc7abea825f77 ?
|
||||
xhtml1/background-size-034.xht 1fb173290c526ebcaf08899f9fccc7abea825f77 ?
|
||||
html4/background-size-034.htm 3fc2ab4d71ad30e3de7064065340412f21682aac ?
|
||||
xhtml1/background-size-034.xht 3fc2ab4d71ad30e3de7064065340412f21682aac ?
|
||||
html4/background-size-035.htm 80b65cb2ec6b6ccce3f65ae447260464a1b71543 ?
|
||||
xhtml1/background-size-035.xht 80b65cb2ec6b6ccce3f65ae447260464a1b71543 ?
|
||||
html4/background-size-applies-to-block.htm 0a809377a72418e1524250623b7a77d47301b6cd ?
|
||||
xhtml1/background-size-applies-to-block.xht 0a809377a72418e1524250623b7a77d47301b6cd ?
|
||||
html4/background-size-aspect-ratio.htm 363b739b8ef0936ac23e2f68648296e12995ed17 ?
|
||||
xhtml1/background-size-aspect-ratio.xht 363b739b8ef0936ac23e2f68648296e12995ed17 ?
|
||||
html4/background-size-contain-001.htm c7e73b37c7970bcf9bf29088c30229221756b256 ?
|
||||
xhtml1/background-size-contain-001.xht c7e73b37c7970bcf9bf29088c30229221756b256 ?
|
||||
html4/background-size-contain-002.htm 15596869f5a19329dc8151c1071e7e81629b94ae ?
|
||||
xhtml1/background-size-contain-002.xht 15596869f5a19329dc8151c1071e7e81629b94ae ?
|
||||
html4/background-size-contain-001.htm 77b72630ea8df0150729e04bd3b9c2815efbaf5e ?
|
||||
xhtml1/background-size-contain-001.xht 77b72630ea8df0150729e04bd3b9c2815efbaf5e ?
|
||||
html4/background-size-contain-002.htm 17090bf9ca9610980cee9007c9e84d05a6d17bc9 ?
|
||||
xhtml1/background-size-contain-002.xht 17090bf9ca9610980cee9007c9e84d05a6d17bc9 ?
|
||||
html4/background-size-contain.htm 87c250883a042d9dff85ed1762d5584197a0e156 ?
|
||||
xhtml1/background-size-contain.xht 87c250883a042d9dff85ed1762d5584197a0e156 ?
|
||||
html4/background-size-cover-001.htm e8f5238b5d3284549fcb6e149d8c12eeaa5a4132 ?
|
||||
xhtml1/background-size-cover-001.xht e8f5238b5d3284549fcb6e149d8c12eeaa5a4132 ?
|
||||
html4/background-size-cover-002.htm 2b0872df89297c8dbdcce99e6f601dc7cd221f95 ?
|
||||
xhtml1/background-size-cover-002.xht 2b0872df89297c8dbdcce99e6f601dc7cd221f95 ?
|
||||
html4/background-size-cover-contain-001.htm 53a518b55062eb1311d24c5c29d60aa1501a7565 ?
|
||||
xhtml1/background-size-cover-contain-001.xht 53a518b55062eb1311d24c5c29d60aa1501a7565 ?
|
||||
html4/background-size-cover-contain-002.htm 3862804bf3e74af658d01c933ca6d4ef07f2056d ?
|
||||
xhtml1/background-size-cover-contain-002.xht 3862804bf3e74af658d01c933ca6d4ef07f2056d ?
|
||||
html4/background-size-cover-001.htm ed0ce31666095f3b469a35a450dd0b1927c7147d ?
|
||||
xhtml1/background-size-cover-001.xht ed0ce31666095f3b469a35a450dd0b1927c7147d ?
|
||||
html4/background-size-cover-002.htm afe82d8162d1e62f917f6e5add1b9c89f90c9e98 ?
|
||||
xhtml1/background-size-cover-002.xht afe82d8162d1e62f917f6e5add1b9c89f90c9e98 ?
|
||||
html4/background-size-cover-contain-001.htm f44ac0c31ef3ff5f020541c61323d28b317398f7 ?
|
||||
xhtml1/background-size-cover-contain-001.xht f44ac0c31ef3ff5f020541c61323d28b317398f7 ?
|
||||
html4/background-size-cover-contain-002.htm 9b3b3bf98c828224467a310ca3d2a8d0d93d258a ?
|
||||
xhtml1/background-size-cover-contain-002.xht 9b3b3bf98c828224467a310ca3d2a8d0d93d258a ?
|
||||
html4/background-size-cover.htm e4e52b0bc0f46f60fde1b93cb1b4e9c9c1c1f51c ?
|
||||
xhtml1/background-size-cover.xht e4e52b0bc0f46f60fde1b93cb1b4e9c9c1c1f51c ?
|
||||
html4/background-size-vector-001.htm e9e9f97905673f8589cb73215a94c9f2245ca004 ?
|
||||
|
|
@ -441,14 +441,14 @@ html4/border-box_with_size.htm 279c25b383ffc1e60f889ea077f0979bf18d3ca8 ?
|
|||
xhtml1/border-box_with_size.xht 279c25b383ffc1e60f889ea077f0979bf18d3ca8 ?
|
||||
html4/border-color_transparent.htm b49637ff5a553ca66e7fba67e1a533c18c06fdda ?
|
||||
xhtml1/border-color_transparent.xht b49637ff5a553ca66e7fba67e1a533c18c06fdda ?
|
||||
html4/border-image-017.htm 10daddf1a111671b47c042ccc7b74754f9d6c69f ?
|
||||
xhtml1/border-image-017.xht 10daddf1a111671b47c042ccc7b74754f9d6c69f ?
|
||||
html4/border-image-018.htm 83d9ec03049a37bf108f2f9a63971873e398919d ?
|
||||
xhtml1/border-image-018.xht 83d9ec03049a37bf108f2f9a63971873e398919d ?
|
||||
html4/border-image-019.htm cffb4ead7028cdf7c226a9a8502185c3aadfabb7 ?
|
||||
xhtml1/border-image-019.xht cffb4ead7028cdf7c226a9a8502185c3aadfabb7 ?
|
||||
html4/border-image-020.htm a64a8d16e7e160078a129f3cdb128cf3c72356f2 ?
|
||||
xhtml1/border-image-020.xht a64a8d16e7e160078a129f3cdb128cf3c72356f2 ?
|
||||
html4/border-image-017.htm d989efaaaf69da114fdf8d622cda3827d7b6048b ?
|
||||
xhtml1/border-image-017.xht d989efaaaf69da114fdf8d622cda3827d7b6048b ?
|
||||
html4/border-image-018.htm c7c3fbd31a77382c5eb0c92e98d0a4d5d659c41f ?
|
||||
xhtml1/border-image-018.xht c7c3fbd31a77382c5eb0c92e98d0a4d5d659c41f ?
|
||||
html4/border-image-019.htm f14d2ba410f3180d18a02ce4ec3a609d7a464e3d ?
|
||||
xhtml1/border-image-019.xht f14d2ba410f3180d18a02ce4ec3a609d7a464e3d ?
|
||||
html4/border-image-020.htm 828c1564883a00ce51211ef56f279882c2abbde8 ?
|
||||
xhtml1/border-image-020.xht 828c1564883a00ce51211ef56f279882c2abbde8 ?
|
||||
html4/border-image-1.htm 71575a5b448b355bc28bdd0599f427cb5788d4ba ?
|
||||
xhtml1/border-image-1.xht 71575a5b448b355bc28bdd0599f427cb5788d4ba ?
|
||||
html4/border-image-10.htm 4237552314d4813403c53852cfde256dbcb9ea5d ?
|
||||
|
|
@ -487,10 +487,10 @@ html4/border-image-repeat_repeatnegx_none_50px.htm 4fed1431054d4305dd353331a5107
|
|||
xhtml1/border-image-repeat_repeatnegx_none_50px.xht 4fed1431054d4305dd353331a51070a81ff31d1e ?
|
||||
html4/border-image-round-and-stretch.htm 61e31f23f23594e6601a05e99de02a239dae3971 ?
|
||||
xhtml1/border-image-round-and-stretch.xht 61e31f23f23594e6601a05e99de02a239dae3971 ?
|
||||
html4/border-image-slice-001.htm cce5ddd24c81f4942684a68a9ca14e236b996026 ?
|
||||
xhtml1/border-image-slice-001.xht cce5ddd24c81f4942684a68a9ca14e236b996026 ?
|
||||
html4/border-image-slice-002.htm 3d55802ae2642184f4126780e53cbc93699a4f45 ?
|
||||
xhtml1/border-image-slice-002.xht 3d55802ae2642184f4126780e53cbc93699a4f45 ?
|
||||
html4/border-image-slice-001.htm b463721abd4701b44efa23c1009ad57a3c98e720 ?
|
||||
xhtml1/border-image-slice-001.xht b463721abd4701b44efa23c1009ad57a3c98e720 ?
|
||||
html4/border-image-slice-002.htm 10a8a2ab7a6c574322fa5198495bdda2c01f777c ?
|
||||
xhtml1/border-image-slice-002.xht 10a8a2ab7a6c574322fa5198495bdda2c01f777c ?
|
||||
html4/border-image-slice-003.htm a5913c6b88348d0b12a209bd71ec2c103774b023 ?
|
||||
xhtml1/border-image-slice-003.xht a5913c6b88348d0b12a209bd71ec2c103774b023 ?
|
||||
html4/border-image-slice-005.htm c795fb86f3a99c061832e0c3f708bf7c8650a895 ?
|
||||
|
|
@ -501,12 +501,12 @@ html4/border-image-slice-percentage.htm 96c66681062840b53a027278203512f40dc13523
|
|||
xhtml1/border-image-slice-percentage.xht 96c66681062840b53a027278203512f40dc13523 ?
|
||||
html4/border-image-space-001.htm 7f295d8a8471c3a6127a95f0cceb6be824571926 ?
|
||||
xhtml1/border-image-space-001.xht 7f295d8a8471c3a6127a95f0cceb6be824571926 ?
|
||||
html4/border-image-width-005.htm 47ab5e74473b7f20a1169762d5e5fcf7d3470fc3 ?
|
||||
xhtml1/border-image-width-005.xht 47ab5e74473b7f20a1169762d5e5fcf7d3470fc3 ?
|
||||
html4/border-image-width-006.htm 2ea7bd90dc8932a918484cc2ac561dfa2595f903 ?
|
||||
xhtml1/border-image-width-006.xht 2ea7bd90dc8932a918484cc2ac561dfa2595f903 ?
|
||||
html4/border-image-width-007.htm 2a85b176999c43cfbdbb6dd1676c551cc1098475 ?
|
||||
xhtml1/border-image-width-007.xht 2a85b176999c43cfbdbb6dd1676c551cc1098475 ?
|
||||
html4/border-image-width-005.htm 5e09537a24681f15459990bf00ad60c2cb7b6713 ?
|
||||
xhtml1/border-image-width-005.xht 5e09537a24681f15459990bf00ad60c2cb7b6713 ?
|
||||
html4/border-image-width-006.htm 079e82586a071b22720d3de26f150ea9c7ab75cd ?
|
||||
xhtml1/border-image-width-006.xht 079e82586a071b22720d3de26f150ea9c7ab75cd ?
|
||||
html4/border-image-width-007.htm 002288a96fe9f7780df8d6c1df5de82a9ad9c6e2 ?
|
||||
xhtml1/border-image-width-007.xht 002288a96fe9f7780df8d6c1df5de82a9ad9c6e2 ?
|
||||
html4/border-images.htm 4d4052e1cc45e8c09db0459361452d1b5d5fd146 ?
|
||||
xhtml1/border-images.xht 4d4052e1cc45e8c09db0459361452d1b5d5fd146 ?
|
||||
html4/border-radius-001.htm d8148e7a37c3c751cbc2587e585986dee6d7f363 ?
|
||||
|
|
@ -905,8 +905,6 @@ html4/ttwf-css3background-border-style-values.htm b881316979f2fd75b94ca890d768d0
|
|||
xhtml1/ttwf-css3background-border-style-values.xht b881316979f2fd75b94ca890d768d07c85ceba88 ?
|
||||
html4/ttwf-css3background-border-style.htm b289495cd43b758595c507828b199aeb36ae3537 ?
|
||||
xhtml1/ttwf-css3background-border-style.xht b289495cd43b758595c507828b199aeb36ae3537 ?
|
||||
html4/ttwf-reftest-background-repeat-x.htm f7230d03123f38b30f8e746ccf667bd2e24b8f71 ?
|
||||
xhtml1/ttwf-reftest-background-repeat-x.xht f7230d03123f38b30f8e746ccf667bd2e24b8f71 ?
|
||||
html4/ttwf-reftest-borderradius.htm f6242e26f3933ea285d7d46b9096a215c5a2727f ?
|
||||
xhtml1/ttwf-reftest-borderradius.xht f6242e26f3933ea285d7d46b9096a215c5a2727f ?
|
||||
html4/wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.htm fcbe2474e793fe36fd31ab05e869f3365e894c73 ?
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
|
||||
<p>Some tests in the test suite may contain errors.
|
||||
Please check the latest version of the
|
||||
<a href="http://www.w3.org/TR/css3-background/">CSS Backgrounds 3 specification</a>
|
||||
<a href="https://www.w3.org/TR/css3-background/">CSS Backgrounds 3 specification</a>
|
||||
<strong>and its errata</strong>
|
||||
before assuming a failure is due to an implementation bug and
|
||||
not a test suite bug.</p>
|
||||
|
|
@ -166,7 +166,6 @@
|
|||
<li>yanshasha</li>
|
||||
<li>Yue Hu</li>
|
||||
<li>Zhang Xiaochong</li>
|
||||
<li>zhenyu_w3c</li>
|
||||
<li>zhouli</li>
|
||||
</ul>
|
||||
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
|
||||
<p>Some tests in the test suite may contain errors.
|
||||
Please check the latest version of the
|
||||
<a href="http://www.w3.org/TR/css3-background/">CSS Backgrounds 3 specification</a>
|
||||
<a href="https://www.w3.org/TR/css3-background/">CSS Backgrounds 3 specification</a>
|
||||
<strong>and its errata</strong>
|
||||
before assuming a failure is due to an implementation bug and
|
||||
not a test suite bug.</p>
|
||||
|
|
@ -166,7 +166,6 @@
|
|||
<li>yanshasha</li>
|
||||
<li>Yue Hu</li>
|
||||
<li>Zhang Xiaochong</li>
|
||||
<li>zhenyu_w3c</li>
|
||||
<li>zhouli</li>
|
||||
</ul>
|
||||
|
||||
|
|
|
|||
|
|
@ -108,20 +108,20 @@ background-size-002 reference/background-size-002-ref background-size - initial
|
|||
background-size-003 Value of 'auto' is used for y dimension in 'background-size' http://www.w3.org/TR/css3-background/#the-background-size fec02973b2e25b88fe12e1db78863f76f0a6c96a `Microsoft`<http://www.microsoft.com/> An 'auto' value for y dimension in 'background-size' is resolved by using the image's intrinsic ratio and the size provided for the x dimension.
|
||||
background-size-005 reference/background-size-002-ref background-size - one auto keyword value image http://www.w3.org/TR/css3-background/#the-background-size 88f2e9f6286faf6e87827321b43df30c0de7e095 `Intel`<http://www.intel.com> Check if 'background-size' has only one value 'auto', then such value is the width of the correspoding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used width and height of the background-size in this test should be 60px and 60px.
|
||||
background-size-006 reference/background-size-006-ref background-size - one <length> value image http://www.w3.org/TR/css3-background/#the-background-size e7a0cde7e4bef1885fe1523c7011a93b97b787c0 `Intel`<http://www.intel.com> Check if 'background-size' has only one length value, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 45px.
|
||||
background-size-007 reference/ref-filled-green-100px-square background-size - one <length> value at minimum image http://www.w3.org/TR/css3-background/#the-background-size dd735bb5f22b4b3c6d13a13d27407082371e6806 `Intel`<http://www.intel.com> Check if 'background-size' is '0px', minimum width of the positioning area in length, then such value is the width of the corresponding image and therefore the background image is not to be displayed.
|
||||
background-size-008 reference/ref-filled-green-100px-square background-size - one <length> value at maximum image http://www.w3.org/TR/css3-background/#the-background-size 3e6604f3d824e3cb4a94afbd049ab4347778a86e `Intel`<http://www.intel.com> Check if 'background-size' is '100px', maximum width of the positioning area in length, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px.
|
||||
background-size-007 reference/ref-filled-green-100px-square background-size - one <length> value at minimum image http://www.w3.org/TR/css3-background/#the-background-size 3547359b24eb4a451646c287630ea5b219f6a403 `Intel`<http://www.intel.com> Check if 'background-size' is '0px', minimum width of the positioning area in length, then such value is the width of the corresponding image and therefore the background image is not to be displayed.
|
||||
background-size-008 reference/ref-filled-green-100px-square background-size - one <length> value at maximum image http://www.w3.org/TR/css3-background/#the-background-size af2a27e5129325a63c751ebb6492bb1c7afe7f12 `Intel`<http://www.intel.com> Check if 'background-size' is '100px', maximum width of the positioning area in length, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px.
|
||||
background-size-009 reference/background-size-006-ref background-size - one <percentage> value image http://www.w3.org/TR/css3-background/#the-background-size 7bf435cbdb416f96f1d831e9baf1914ff6300b5e `Intel`<http://www.intel.com> Check if 'background-size' has only one percentage value, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. A percentage is relative to the dimensions of the background positioning area. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 45px.
|
||||
background-size-010 reference/ref-filled-green-100px-square background-size - one <percentage> value at minimum image http://www.w3.org/TR/css3-background/#the-background-size 6c159c57f9324f59314eaa64109b4dde26ea7972 `Intel`<http://www.intel.com> Check if 'background-size' is '0%', minimum width of the positioning area in percentage, then such value is the width of the corresponding image and therefore the background image is not to be displayed.
|
||||
background-size-011 reference/ref-filled-green-100px-square background-size - one <percentage> value at maximum image http://www.w3.org/TR/css3-background/#the-background-size 0b597264afebf44e05504e7e76aa44d41ef01422 `Intel`<http://www.intel.com> Check if 'background-size' is '100%', maximum width of the positioning area in percentage, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px.
|
||||
background-size-010 reference/ref-filled-green-100px-square background-size - one <percentage> value at minimum image http://www.w3.org/TR/css3-background/#the-background-size 221d47718c5d82aca43f829ac9db170ad71e0f50 `Intel`<http://www.intel.com> Check if 'background-size' is '0%', minimum width of the positioning area in percentage, then such value is the width of the corresponding image and therefore the background image is not to be displayed.
|
||||
background-size-011 reference/ref-filled-green-100px-square background-size - one <percentage> value at maximum image http://www.w3.org/TR/css3-background/#the-background-size 24837619751fc3d86d97257f45fc370ac4fc55ac `Intel`<http://www.intel.com> Check if 'background-size' is '100%', maximum width of the positioning area in percentage, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px.
|
||||
background-size-012 reference/background-size-002-ref background-size - two auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size da1c3c475c141279a5c9cbeb05b66d931ef93335 `Intel`<http://www.intel.com> Check if 'background-size' has two values 'auto', then the intrinsic width and/or height of the image should be used. Therefore the used width and height of the background-size in this test should be 60px and 60px.
|
||||
background-size-013 reference/ref-filled-green-100px-square background-size - one auto keyword and one <length> values image http://www.w3.org/TR/css3-background/#the-background-size e21b209e547e14b9656a99cd5ae77e7465e16c3b `Intel`<http://www.intel.com> Check if 'background-size' has one 'auto' and one length values, then the second value is the height of the corresponding background image and the first value (corresponding to the width of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used width of the background-size in this test should be 100px.
|
||||
background-size-013 reference/ref-filled-green-100px-square background-size - one auto keyword and one <length> values image http://www.w3.org/TR/css3-background/#the-background-size c71ef9bd5cde6ad140d38d2fbb5b4097fc5b0ba9 `Intel`<http://www.intel.com> Check if 'background-size' has one 'auto' and one length values, then the second value is the height of the corresponding background image and the first value (corresponding to the width of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used width of the background-size in this test should be 100px.
|
||||
background-size-014 reference/background-size-006-ref background-size - one auto keyword and one <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size 410c7596a9bb965705e780959ea6dfc48595ef2f `Intel`<http://www.intel.com> Check if 'background-size' has one 'auto' and one percentage values, then the second value is the height of the corresponding background image and the first value (corresponding to the width of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. A percentage is relative to the dimensions of the background positioning area. Therefore the used width of the background-size in this test should be 45px.
|
||||
background-size-015 reference/ref-filled-green-100px-square background-size - one <length> and one auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size a28b33fb190712fe67e8b85d833415c602564040 `Intel`<http://www.intel.com> Check if 'background-size' has one length and one auto values, then the first value is the width of the corresponding background image and the second value (corresponding to the height of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px.
|
||||
background-size-016 reference/ref-filled-green-100px-square background-size - two <length> values image http://www.w3.org/TR/css3-background/#the-background-size 5528cc80366ce200d22ab0f41d83ff39a80bf526 `Intel`<http://www.intel.com> Check if 'background-size' has two length values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 100px and 100px.
|
||||
background-size-015 reference/ref-filled-green-100px-square background-size - one <length> and one auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size 04dceb9a97a49ea5c26c3fd2071a322df308d93f `Intel`<http://www.intel.com> Check if 'background-size' has one length and one auto values, then the first value is the width of the corresponding background image and the second value (corresponding to the height of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px.
|
||||
background-size-016 reference/ref-filled-green-100px-square background-size - two <length> values image http://www.w3.org/TR/css3-background/#the-background-size c24247b037751ab85badfb1f96d35d836a2d3950 `Intel`<http://www.intel.com> Check if 'background-size' has two length values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 100px and 100px.
|
||||
background-size-017 reference/background-size-006-ref background-size - one <length> and one <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size 99e6018c53696ab403e707c5e9787c2ad72404c8 `Intel`<http://www.intel.com> Check if 'background-size' has one length and one percentage values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 45px and 45px.
|
||||
background-size-018 reference/ref-filled-green-100px-square background-size - one <percentage> and one auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size 245e26e2d3af7fd2ad746cb85afca2710c4f66eb `Intel`<http://www.intel.com> Check if 'background-size' has one percentage and one auto values, then the first value is the width of the corresponding background image and the second value (corresponding to the height of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px.
|
||||
background-size-019 reference/ref-filled-green-100px-square background-size - one <percentage> and one <length> values image http://www.w3.org/TR/css3-background/#the-background-size 7cff24b88aab41384b4f082a0fed37e4f7d20c40 `Intel`<http://www.intel.com> Check if 'background-size' has one percentage and one length values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 100px and 100px.
|
||||
background-size-020 reference/ref-filled-green-100px-square background-size - two <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size dcf75df56a9ef7eff180aa45422155515d4826b0 `Intel`<http://www.intel.com> Check if 'background-size' has two percentage values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 45px and 45px.
|
||||
background-size-018 reference/ref-filled-green-100px-square background-size - one <percentage> and one auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size 432aff641baaf34936b9b0a30b449208efbf0221 `Intel`<http://www.intel.com> Check if 'background-size' has one percentage and one auto values, then the first value is the width of the corresponding background image and the second value (corresponding to the height of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px.
|
||||
background-size-019 reference/ref-filled-green-100px-square background-size - one <percentage> and one <length> values image http://www.w3.org/TR/css3-background/#the-background-size e69ec712db5293a949421dcc598c79ecd0a8260d `Intel`<http://www.intel.com> Check if 'background-size' has one percentage and one length values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 100px and 100px.
|
||||
background-size-020 reference/ref-filled-green-100px-square background-size - two <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size ef7cd5b8b8a02e7ef6cde105d4dbd5615b73c7f2 `Intel`<http://www.intel.com> Check if 'background-size' has two percentage values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 45px and 45px.
|
||||
background-size-021 reference/background-size-021-ref background-size '100% 100%' with background-origin 'content-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-origin 8ed8907193c08394baa6006fbb567ffb2dc785ce `Intel`<http://www.intel.com> Check if 'background-size' is '100% 100%' that it rescales the background image independently in both dimensions to completely cover the background positioning area (it is 100px by 100px as background-origin is 'content-box'). In this test, the background-image should be scaled from 40px wide and 20px tall to become 100px by 100px.
|
||||
background-size-022 background-size '50% auto' with background-origin 'border-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-origin a595248600342501eb33dd3c6c6f38bd31af9db7 `Intel`<http://www.intel.com> Check if 'background-size' is '50% auto', then it rescales the background image so that exactly two copies fit the background positioning area (it is 160px by 160px in this test) horizontally. Therefore the used width of the background-size in this test should be 80px.
|
||||
background-size-023 background-size '50% auto' with background-clip 'padding-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-clip 3719857f0d7933dbd0735336dc73d4b5b0724d95 `Intel`<http://www.intel.com> Check if 'background-size' is '50% auto', then it rescales the background image so that exactly two copies fit the background positioning area (it is 150px by 150px in this test) horizontally. Therefore the used width of the background-size in this test should be 75px.
|
||||
|
|
@ -135,18 +135,18 @@ background-size-030 reference/background-size-028-ref background-size '25% 25%'
|
|||
background-size-031 reference/background-size-031-ref background-size '20% 30%' with background-repeat 'no-repeat round' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat ce8f4d36e1c81a42a046bc5586ed62488a5d43d7 `Intel`<http://www.intel.com> Check if 'background-size' is '20% 30%' and 'background-repeat' is 'no-repeat round', then the height of the corresponding background image is 50px so that it fits a whole number of times (3 in this test) in the background positioning area, and the width of the background image is rescaled to 20% (50px in this test) of the background area.
|
||||
background-size-032 background-size - applies to ::first-letter pseudo-element image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values 5ea3627c9273f45ed83c41b332cac1ac6f8500dd `Intel`<http://www.intel.com> Check if background-size is able to apply to the ::first-letter pseudo-element.
|
||||
background-size-033 background-size - applies to ::first-line pseudo-element image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values 4718350b22a059ed9d8315a72c06f693a3d3371a `Intel`<http://www.intel.com> Check if background-size is able to apply to the ::first-line pseudo-element.
|
||||
background-size-034 reference/ref-filled-green-100px-square background-size - inherit keyword value image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values 1fb173290c526ebcaf08899f9fccc7abea825f77 `Intel`<http://www.intel.com> Check if background-size supports inherit keyword as its property value.
|
||||
background-size-034 reference/ref-filled-green-100px-square background-size - inherit keyword value image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values 3fc2ab4d71ad30e3de7064065340412f21682aac `Intel`<http://www.intel.com> Check if background-size supports inherit keyword as its property value.
|
||||
background-size-035 reference/background-size-ref background-size conflicts with background-attachment http://www.w3.org/TR/css3-background/#the-background-size 80b65cb2ec6b6ccce3f65ae447260464a1b71543 `xiaochun`<stenders@163.com> The test passes if we can see the background-image is exactly same as above.
|
||||
background-size-applies-to-block 'Background-size' applied to element with a display of 'block'. http://www.w3.org/TR/css3-background/#the-background-size 0a809377a72418e1524250623b7a77d47301b6cd `Microsoft`<http://www.microsoft.com/> 'Background-size' property applies to elements with 'display: block'.
|
||||
background-size-aspect-ratio Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round' http://www.w3.org/TR/css3-background/#the-background-size 363b739b8ef0936ac23e2f68648296e12995ed17 `Microsoft`<http://www.microsoft.com/> If 'background-repeat' is 'round' for one dimension only and if 'background-size' is 'auto' in the other dimension, then the other dimension is sclaed so that the original aspect ratio is restored.
|
||||
background-size-contain reference/background-size-contain background-size:contain image http://www.w3.org/TR/css3-background/#the-background-size 87c250883a042d9dff85ed1762d5584197a0e156 `Jeffrey Carl Faden`<http://www.jeffreyatw.com/> The background image is scaled, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area.
|
||||
background-size-contain-001 reference/ref-filled-green-100px-square background-size - contain keyword value image http://www.w3.org/TR/css3-background/#the-background-size c7e73b37c7970bcf9bf29088c30229221756b256 `Intel`<http://www.intel.com> Check if 'background-size' is 'contain' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the background-image should be scaled to become 100px by 100px.
|
||||
background-size-contain-002 reference/ref-filled-green-100px-square background-size - contain keyword value image http://www.w3.org/TR/css3-background/#the-background-size 15596869f5a19329dc8151c1071e7e81629b94ae `Intel`<http://www.intel.com> Check if 'background-size' is 'contain' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the background-image should be scaled to become 100px by 100px.
|
||||
background-size-contain-001 reference/ref-filled-green-100px-square background-size - contain keyword value image http://www.w3.org/TR/css3-background/#the-background-size 77b72630ea8df0150729e04bd3b9c2815efbaf5e `Intel`<http://www.intel.com> Check if 'background-size' is 'contain' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the background-image should be scaled to become 100px by 100px.
|
||||
background-size-contain-002 reference/ref-filled-green-100px-square background-size - contain keyword value image http://www.w3.org/TR/css3-background/#the-background-size 17090bf9ca9610980cee9007c9e84d05a6d17bc9 `Intel`<http://www.intel.com> Check if 'background-size' is 'contain' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the background-image should be scaled to become 100px by 100px.
|
||||
background-size-cover reference/background-size-cover background-size:cover image http://www.w3.org/TR/css3-background/#the-background-size e4e52b0bc0f46f60fde1b93cb1b4e9c9c1c1f51c `Jeffrey Carl Faden`<http://www.jeffreyatw.com/> The background image is scaled, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area.
|
||||
background-size-cover-001 reference/ref-filled-green-100px-square background-size - cover keyword value image http://www.w3.org/TR/css3-background/#the-background-size e8f5238b5d3284549fcb6e149d8c12eeaa5a4132 `Intel`<http://www.intel.com> Check if 'background-size' is 'cover' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the smallest size such that both its width and its height can completely cover the background positioning area. In this test, the background-image should be scaled to become 100px by 100px.
|
||||
background-size-cover-002 reference/ref-filled-green-100px-square background-size - cover keyword value image http://www.w3.org/TR/css3-background/#the-background-size 2b0872df89297c8dbdcce99e6f601dc7cd221f95 `Intel`<http://www.intel.com> Check if 'background-size' is 'cover' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the smallest size such that both its width and its height can completely cover the background positioning area. In this test, the background-image should be scaled to become 100px by 100px.
|
||||
background-size-cover-contain-001 reference/ref-filled-green-100px-square background-size - cover value and contain value image http://www.w3.org/TR/css3-background/#the-background-size 53a518b55062eb1311d24c5c29d60aa1501a7565 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-size' is 'cover', then the background-image is scaled, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the smallest size such that both its width and its height can completely cover the background positioning area. When 'background-size' is 'contain', then the background-image is scaled, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the 2 background-images should be scaled to become 100px by 100px.
|
||||
background-size-cover-contain-002 reference/ref-filled-green-100px-square background-size - cover value and contain value image http://www.w3.org/TR/css3-background/#the-background-size 3862804bf3e74af658d01c933ca6d4ef07f2056d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-size' is 'cover', then the background-image is scaled, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the smallest size such that both its width and its height can completely cover the background positioning area. When 'background-size' is 'contain', then the background-image is scaled, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the 2 background-images should be scaled to become 100px by 100px.
|
||||
background-size-cover-001 reference/ref-filled-green-100px-square background-size - cover keyword value image http://www.w3.org/TR/css3-background/#the-background-size ed0ce31666095f3b469a35a450dd0b1927c7147d `Intel`<http://www.intel.com> Check if 'background-size' is 'cover' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the smallest size such that both its width and its height can completely cover the background positioning area. In this test, the background-image should be scaled to become 100px by 100px.
|
||||
background-size-cover-002 reference/ref-filled-green-100px-square background-size - cover keyword value image http://www.w3.org/TR/css3-background/#the-background-size afe82d8162d1e62f917f6e5add1b9c89f90c9e98 `Intel`<http://www.intel.com> Check if 'background-size' is 'cover' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the smallest size such that both its width and its height can completely cover the background positioning area. In this test, the background-image should be scaled to become 100px by 100px.
|
||||
background-size-cover-contain-001 reference/ref-filled-green-100px-square background-size - cover value and contain value image http://www.w3.org/TR/css3-background/#the-background-size f44ac0c31ef3ff5f020541c61323d28b317398f7 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-size' is 'cover', then the background-image is scaled, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the smallest size such that both its width and its height can completely cover the background positioning area. When 'background-size' is 'contain', then the background-image is scaled, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the 2 background-images should be scaled to become 100px by 100px.
|
||||
background-size-cover-contain-002 reference/ref-filled-green-100px-square background-size - cover value and contain value image http://www.w3.org/TR/css3-background/#the-background-size 9b3b3bf98c828224467a310ca3d2a8d0d93d258a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-size' is 'cover', then the background-image is scaled, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the smallest size such that both its width and its height can completely cover the background positioning area. When 'background-size' is 'contain', then the background-image is scaled, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the 2 background-images should be scaled to become 100px by 100px.
|
||||
background-size-vector-001 reference/background-size-vector-001-ref background-size: 16px auto; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute e9e9f97905673f8589cb73215a94c9f2245ca004 `Jeff Walden`<http://whereswalden.com/>
|
||||
background-size-vector-002 reference/background-size-vector-001-ref background-size: 16px auto; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 1b66ee2ce3f2166c86765ce017e6aab604d7fc30 `Jeff Walden`<http://whereswalden.com/>
|
||||
background-size-vector-003 reference/ref-t-lime16x128-aqua16x128 background-size: 32px auto; for nonpercent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 0dcfab79cffdf0a01f496567796f86f667fcbd41 `Jeff Walden`<http://whereswalden.com/>
|
||||
|
|
@ -218,10 +218,10 @@ border-box_with_position background-clip:border-box & background-position image
|
|||
border-box_with_radius background-clip:border-box & border-radius image http://www.w3.org/TR/css3-background/#the-background-clip 00f7bc1670c0484c8b56f064bcc82d867e192b50 `finscn`<mail:finscn@gmail.com> border-box : The background is painted within (clipped to) the border box.
|
||||
border-box_with_size background-clip:border-box & background-size image http://www.w3.org/TR/css3-background/#the-background-clip 279c25b383ffc1e60f889ea077f0979bf18d3ca8 `finscn`<mail:finscn@gmail.com> border-box : The background is painted within (clipped to) the border box.
|
||||
border-color_transparent border-clip_border-box http://www.w3.org/TR/css3-background/#the-border-color b49637ff5a553ca66e7fba67e1a533c18c06fdda `Dong An`<andong135@126.com> Test transparent of border-color
|
||||
border-image-017 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice <percentage> and border-image-width <percentage> image http://www.w3.org/TR/css3-background/#the-border-image 10daddf1a111671b47c042ccc7b74754f9d6c69f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||
border-image-018 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice <number> and border-image-width <percentage> image http://www.w3.org/TR/css3-background/#the-border-image 83d9ec03049a37bf108f2f9a63971873e398919d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||
border-image-019 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice <percentage> and border-image-width <number> image http://www.w3.org/TR/css3-background/#the-border-image cffb4ead7028cdf7c226a9a8502185c3aadfabb7 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||
border-image-020 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice <number> and border-image-width <number> image http://www.w3.org/TR/css3-background/#the-border-image a64a8d16e7e160078a129f3cdb128cf3c72356f2 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||
border-image-017 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice <percentage> and border-image-width <percentage> image http://www.w3.org/TR/css3-background/#the-border-image d989efaaaf69da114fdf8d622cda3827d7b6048b `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||
border-image-018 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice <number> and border-image-width <percentage> image http://www.w3.org/TR/css3-background/#the-border-image c7c3fbd31a77382c5eb0c92e98d0a4d5d659c41f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||
border-image-019 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice <percentage> and border-image-width <number> image http://www.w3.org/TR/css3-background/#the-border-image f14d2ba410f3180d18a02ce4ec3a609d7a464e3d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||
border-image-020 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice <number> and border-image-width <number> image http://www.w3.org/TR/css3-background/#the-border-image 828c1564883a00ce51211ef56f279882c2abbde8 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||
border-image-1 CSS Border and Background: border-image #1 border-image-source http://www.w3.org/TR/css3-background/#the-border-image-source 71575a5b448b355bc28bdd0599f427cb5788d4ba `Jérémie Patonnier`<mailto:jeremie@patonnier.net> Basic support for the border-image-source property
|
||||
border-image-10 CSS Border and Background: border-image #10 border-image-width http://www.w3.org/TR/css3-background/#the-border-image-width 4237552314d4813403c53852cfde256dbcb9ea5d `Jérémie Patonnier`<mailto:jeremie@patonnier.net> Support for 4 values for the border-image-width property
|
||||
border-image-11 CSS Border and Background: border-image #11 border-image-outset http://www.w3.org/TR/css3-background/#the-border-image-source 57b636754cc4a239ff06d48957b2176e39dc4fc2 `Jérémie Patonnier`<mailto:jeremie@patonnier.net> Basic support for the border-image-outset property
|
||||
|
|
@ -241,16 +241,16 @@ border-image-9 CSS Border and Background: border-image #9 border-image-width h
|
|||
border-image-repeat-round reference/border-image-repeat-round-ref 'border-image-repeat' set as 'round' http://www.w3.org/TR/css3-background/#border-images b836a0f6c592deacbb97c84c18d9c5ca865546f5 `Ren Jing`<mailto:reni2046@gmail.com> diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side.
|
||||
border-image-repeat_repeatnegx_none_50px "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div script http://www.w3.org/TR/css3-background/#the-border-image-repeat 4fed1431054d4305dd353331a51070a81ff31d1e `Intel`<http://www.intel.com> Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div
|
||||
border-image-round-and-stretch reference/border-image-round-and-stretch-ref 'border-image' set as 'round' and 'stretch' http://www.w3.org/TR/css3-background/#border-images 61e31f23f23594e6601a05e99de02a239dae3971 `Ren Jing`<mailto:reni2046@gmail.com> orange diamonds on top and bottom border should be repeated 12 times, and orange diamonds on left and right border should be stretched, diamonds in corners should be red, and other diamonds should be orange.
|
||||
border-image-slice-001 reference/ref-filled-green-100px-square border-image-slice - <percentage> image http://www.w3.org/TR/css3-background/#the-border-image-slice cce5ddd24c81f4942684a68a9ca14e236b996026 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||
border-image-slice-002 reference/ref-filled-green-100px-square border-image-slice - <number> image http://www.w3.org/TR/css3-background/#the-border-image-slice 3d55802ae2642184f4126780e53cbc93699a4f45 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||
border-image-slice-001 reference/ref-filled-green-100px-square border-image-slice - <percentage> image http://www.w3.org/TR/css3-background/#the-border-image-slice b463721abd4701b44efa23c1009ad57a3c98e720 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||
border-image-slice-002 reference/ref-filled-green-100px-square border-image-slice - <number> image http://www.w3.org/TR/css3-background/#the-border-image-slice 10a8a2ab7a6c574322fa5198495bdda2c01f777c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
|
||||
border-image-slice-003 reference/ref-if-there-is-no-red border-image-slice - border-style: none image http://www.w3.org/TR/css3-background/#the-border-image-slice a5913c6b88348d0b12a209bd71ec2c103774b023 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.
|
||||
border-image-slice-005 The 'border-image-slice' property with four percentage values image http://www.w3.org/TR/css3-background/#the-border-image-slice c795fb86f3a99c061832e0c3f708bf7c8650a895 `Microsoft`<http://www.microsoft.com/> This test checks that the border image is sliced into nine regions with inward offsets, '40%' from the top, '15%' from the right,'20%' from the bottom, and '5%' from the left edges of the image. Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets.
|
||||
border-image-slice-007 The 'border-image-slice' property with the 'fill' keyword image http://www.w3.org/TR/css3-background/#the-border-image-slice f425ef8e3feb8e574627efb81478a607bd715055 `Microsoft`<http://www.microsoft.com/> This test checks that the 'fill' keyword, if present, causes the middle part of the border-image to be preserved.
|
||||
border-image-slice-percentage reference/border-image-slice-percentage-ref 'border-image-slice' set by percentage http://www.w3.org/TR/css3-background/#border-images 96c66681062840b53a027278203512f40dc13523 `Ren Jing`<mailto:reni2046@gmail.com> diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side.
|
||||
border-image-space-001 reference/border-image-space-001-ref Border Image: box with spaced repeating border image http://www.w3.org/TR/css3-background/#the-border-image-repeat 7f295d8a8471c3a6127a95f0cceb6be824571926 `Levi Weintraub`<mailto:leviw@chromium.org> border-image-repeat: space property spaces out background image that doesn't fit an even number of times.
|
||||
border-image-width-005 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 47ab5e74473b7f20a1169762d5e5fcf7d3470fc3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
|
||||
border-image-width-006 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 2ea7bd90dc8932a918484cc2ac561dfa2595f903 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
|
||||
border-image-width-007 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 2a85b176999c43cfbdbb6dd1676c551cc1098475 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.
|
||||
border-image-width-005 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 5e09537a24681f15459990bf00ad60c2cb7b6713 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
|
||||
border-image-width-006 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 079e82586a071b22720d3de26f150ea9c7ab75cd `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
|
||||
border-image-width-007 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 002288a96fe9f7780df8d6c1df5de82a9ad9c6e2 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.
|
||||
border-images border-images with round repeat image http://www.w3.org/TR/css3-background/#the-border-image 4d4052e1cc45e8c09db0459361452d1b5d5fd146 `babyliner`<mailto:babyliner1026@gmail.com> Testing border-image-repeat:round attribute
|
||||
border-radius-001 reference/border-radius-001-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius d8148e7a37c3c751cbc2587e585986dee6d7f363 `Nokia`<http://www.nokia.com/> To verify when border-radius property, when set to zero, works as expected.
|
||||
border-radius-002 reference/border-radius-002-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius 7c0b8214687ba4900afea468ce5212ec3882fdfe `Nokia`<http://www.nokia.com/> To verify border-radius property set with one length value, works as expected
|
||||
|
|
@ -450,7 +450,6 @@ ttwf-css3background-border-style-shorthand border_style_shorthand image http://
|
|||
ttwf-css3background-border-style-shorthand-missing-bottom border_style image http://www.w3.org/TR/css3-background/#the-border-style 451fcdb96bf7a07e07cabd6b0f64ccb4744f72b0 `disound`<mailto:disound@gmail.com> 'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
|
||||
ttwf-css3background-border-style-shorthand-missing-left border_style image http://www.w3.org/TR/css3-background/#the-border-style 480edf76a5ff5873e090abcb9366cc3e4fdff1a7 `disound`<mailto:disound@gmail.com> 'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
|
||||
ttwf-css3background-border-style-values border_style_values http://www.w3.org/TR/css3-background/#the-border-style b881316979f2fd75b94ca890d768d07c85ceba88 `disound`<mailto:disound@gmail.com> 'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
|
||||
ttwf-reftest-background-repeat-x reference/ttwf-reftest-background-repeat-x-ref transform property with translate function http://www.w3.org/TR/css3-background/#the-background-repeat f7230d03123f38b30f8e746ccf667bd2e24b8f71 `zhenyu_w3c`<mailto:77765477@163.com> You should only see the img with two color render on the X directions.
|
||||
ttwf-reftest-borderRadius reference/ttwf-reftest-borderRadius-ref Test Background and border http://www.w3.org/TR/css3-background/#border-radius-tables f6242e26f3933ea285d7d46b9096a215c5a2727f `Jinlong Zhang`<mailto:jinlongz@oupeng.com> Table with 'border-collapse: collapse;' declaration, it's 'border-radius' style will not work.
|
||||
wide--12px-auto--nonpercent-width-nonpercent-height background-size: 12px auto; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 683fb590edc104815dd753afbcd951ca2a3eeb30 `Jeff Walden`<http://whereswalden.com/>
|
||||
wide--12px-auto--nonpercent-width-nonpercent-height-viewbox background-size: 12px auto; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute fcbe2474e793fe36fd31ab05e869f3365e894c73 `Jeff Walden`<http://whereswalden.com/>
|
||||
|
|
|
|||
|
|
@ -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-background/#introduction">1 Introduction</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#introduction">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#acknowledgments">10 Acknowledgments</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#acknowledgments">10 Acknowledgments</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s11">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#references">11 References</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#references">11 References</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#normative-references">
|
||||
|
|
|
|||
|
|
@ -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-background/#values">2 Values and Interactions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#values">2 Values and Interactions</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="background-size-032-2" class="image">
|
||||
<td>
|
||||
|
|
@ -69,11 +69,11 @@
|
|||
<tbody id="s2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#placement">2.1 Module Interactions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#placement">2.1 Module Interactions</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="background-image-first-letter-2.1" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="background-image-first-letter.xht">background-image-first-letter</a></strong></td>
|
||||
<tr id="background-image-first-letter-2.1" class="ahem image">
|
||||
<td>
|
||||
<a href="background-image-first-letter.xht">background-image-first-letter</a></td>
|
||||
<td><a href="reference/background-image-first-letter-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>background-image applicability to ::first-letter
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
<tbody id="s2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#value-types">2.2 Value Types</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#value-types">2.2 Value Types</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="background-clip-006-2.2" class="">
|
||||
<td>
|
||||
|
|
@ -117,7 +117,7 @@
|
|||
<tbody id="s2.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#animations">2.3 Animated Values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#animations">2.3 Animated Values</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#borders">4 Borders</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#borders">4 Borders</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-001-4" class="">
|
||||
<td>
|
||||
|
|
@ -91,11 +91,11 @@
|
|||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-color">4.1 Line Colors: the ‘border-color’ properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-color">4.1 Line Colors: the ‘border-color’ properties</a></th></tr>
|
||||
<!-- 7 tests -->
|
||||
<tr id="border-color_transparent-4.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-color_transparent.xht">border-color_transparent</a></strong></td>
|
||||
<tr id="border-color_transparent-4.1" class="">
|
||||
<td>
|
||||
<a href="border-color_transparent.xht">border-color_transparent</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>border-clip_border-box
|
||||
|
|
@ -104,9 +104,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-style-001-4.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-001.xht">border-radius-style-001</a></strong></td>
|
||||
<tr id="border-radius-style-001-4.1" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-001.xht">border-radius-style-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: dotted'
|
||||
|
|
@ -115,9 +115,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color.xht">ttwf-css3background-border-color</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color.xht">ttwf-css3background-border-color</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color
|
||||
|
|
@ -126,9 +126,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color-shorthand.xht">ttwf-css3background-border-color-shorthand</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color-shorthand.xht">ttwf-css3background-border-color-shorthand</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color_shorthand
|
||||
|
|
@ -137,9 +137,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-bottom-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-bottom.xht">ttwf-css3background-border-color-shorthand-missing-bottom</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-bottom-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-bottom.xht">ttwf-css3background-border-color-shorthand-missing-bottom</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color_shorthand_missing_bottom
|
||||
|
|
@ -148,9 +148,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-left-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-left.xht">ttwf-css3background-border-color-shorthand-missing-left</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-left-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-left.xht">ttwf-css3background-border-color-shorthand-missing-left</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color_shorthand_missing_left
|
||||
|
|
@ -159,9 +159,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-right-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-right.xht">ttwf-css3background-border-color-shorthand-missing-right</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-right-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-right.xht">ttwf-css3background-border-color-shorthand-missing-right</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color_shorthand_missing_right
|
||||
|
|
@ -189,11 +189,11 @@
|
|||
<tbody id="s4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-style">4.2 Line Patterns: the ‘border-style’ properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-style">4.2 Line Patterns: the ‘border-style’ properties</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="border-radius-style-002-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-002.xht">border-radius-style-002</a></strong></td>
|
||||
<tr id="border-radius-style-002-4.2" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-002.xht">border-radius-style-002</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: dashed'
|
||||
|
|
@ -202,9 +202,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-style-003-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-003.xht">border-radius-style-003</a></strong></td>
|
||||
<tr id="border-radius-style-003-4.2" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-003.xht">border-radius-style-003</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: double'
|
||||
|
|
@ -213,9 +213,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-style-004-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-004.xht">border-radius-style-004</a></strong></td>
|
||||
<tr id="border-radius-style-004-4.2" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-004.xht">border-radius-style-004</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: solid'
|
||||
|
|
@ -224,9 +224,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-style-005-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-005.xht">border-radius-style-005</a></strong></td>
|
||||
<tr id="border-radius-style-005-4.2" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-005.xht">border-radius-style-005</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: none'
|
||||
|
|
@ -235,9 +235,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style.xht">ttwf-css3background-border-style</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style.xht">ttwf-css3background-border-style</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style
|
||||
|
|
@ -246,9 +246,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-double-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-double.xht">ttwf-css3background-border-style-double</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-double-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-double.xht">ttwf-css3background-border-style-double</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style_double
|
||||
|
|
@ -257,9 +257,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-shorthand.xht">ttwf-css3background-border-style-shorthand</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-shorthand.xht">ttwf-css3background-border-style-shorthand</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style_shorthand
|
||||
|
|
@ -268,9 +268,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-missing-bottom-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-shorthand-missing-bottom.xht">ttwf-css3background-border-style-shorthand-missing-bottom</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-missing-bottom-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-shorthand-missing-bottom.xht">ttwf-css3background-border-style-shorthand-missing-bottom</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style
|
||||
|
|
@ -279,9 +279,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-missing-left-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-shorthand-missing-left.xht">ttwf-css3background-border-style-shorthand-missing-left</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-missing-left-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-shorthand-missing-left.xht">ttwf-css3background-border-style-shorthand-missing-left</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style
|
||||
|
|
@ -290,9 +290,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-values-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-values.xht">ttwf-css3background-border-style-values</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-values-4.2" class="">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-values.xht">ttwf-css3background-border-style-values</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>border_style_values
|
||||
|
|
@ -353,27 +353,27 @@
|
|||
<tbody id="s4.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-width">4.3 Line Thickness: the ‘border-width’ properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-width">4.3 Line Thickness: the ‘border-width’ properties</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="css3-background-clip-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-background-clip.xht">css3-background-clip</a></strong></td>
|
||||
<tr id="css3-background-clip-4.3" class="">
|
||||
<td>
|
||||
<a href="css3-background-clip.xht">css3-background-clip</a></td>
|
||||
<td><a href="reference/css3-background-clip-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>the background is pruned to content box
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css3-background-size-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-background-size.xht">css3-background-size</a></strong></td>
|
||||
<tr id="css3-background-size-4.3" class="">
|
||||
<td>
|
||||
<a href="css3-background-size.xht">css3-background-size</a></td>
|
||||
<td><a href="reference/css3-background-size-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>the size of the background image
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css3-box-shadow-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-box-shadow.xht">css3-box-shadow</a></strong></td>
|
||||
<tr id="css3-box-shadow-4.3" class="">
|
||||
<td>
|
||||
<a href="css3-box-shadow.xht">css3-box-shadow</a></td>
|
||||
<td><a href="reference/css3-box-shadow-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>the test passes if adding one or more shadow to the box
|
||||
|
|
@ -401,7 +401,7 @@
|
|||
<tbody id="s4.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-shorthands">4.4 Border Shorthand Properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-shorthands">4.4 Border Shorthand Properties</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-001-4.4" class="">
|
||||
<td>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -30,11 +30,11 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#border-images">6 Border Images</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#border-images">6 Border Images</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="border-image-repeat-round-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-repeat-round.xht">border-image-repeat-round</a></strong></td>
|
||||
<tr id="border-image-repeat-round-6" class="">
|
||||
<td>
|
||||
<a href="border-image-repeat-round.xht">border-image-repeat-round</a></td>
|
||||
<td><a href="reference/border-image-repeat-round-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'border-image-repeat' set as 'round'
|
||||
|
|
@ -43,9 +43,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-round-and-stretch-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-round-and-stretch.xht">border-image-round-and-stretch</a></strong></td>
|
||||
<tr id="border-image-round-and-stretch-6" class="">
|
||||
<td>
|
||||
<a href="border-image-round-and-stretch.xht">border-image-round-and-stretch</a></td>
|
||||
<td><a href="reference/border-image-round-and-stretch-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'border-image' set as 'round' and 'stretch'
|
||||
|
|
@ -54,9 +54,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-percentage-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-percentage.xht">border-image-slice-percentage</a></strong></td>
|
||||
<tr id="border-image-slice-percentage-6" class="">
|
||||
<td>
|
||||
<a href="border-image-slice-percentage.xht">border-image-slice-percentage</a></td>
|
||||
<td><a href="reference/border-image-slice-percentage-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'border-image-slice' set by percentage
|
||||
|
|
@ -72,11 +72,11 @@
|
|||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-source">6.1 Image Source: the ‘border-image-source’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-source">6.1 Image Source: the ‘border-image-source’ property</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="border-image-1-6.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-1.xht">border-image-1</a></strong></td>
|
||||
<tr id="border-image-1-6.1" class="">
|
||||
<td>
|
||||
<a href="border-image-1.xht">border-image-1</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #1 border-image-source
|
||||
|
|
@ -85,9 +85,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-11-6.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-11.xht">border-image-11</a></strong></td>
|
||||
<tr id="border-image-11-6.1" class="">
|
||||
<td>
|
||||
<a href="border-image-11.xht">border-image-11</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #11 border-image-outset
|
||||
|
|
@ -99,9 +99,9 @@
|
|||
</tbody>
|
||||
<tbody id="s6.1.#border-image-source">
|
||||
<!-- 1 tests -->
|
||||
<tr id="css3-border-image-source-6.1.#border-image-source" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-border-image-source.xht">css3-border-image-source</a></strong></td>
|
||||
<tr id="css3-border-image-source-6.1.#border-image-source" class="">
|
||||
<td>
|
||||
<a href="css3-border-image-source.xht">css3-border-image-source</a></td>
|
||||
<td><a href="reference/css3-border-image-source-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>border image source property
|
||||
|
|
@ -111,11 +111,11 @@
|
|||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-slice">6.2 Image Slicing: the ‘border-image-slice’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-slice">6.2 Image Slicing: the ‘border-image-slice’ property</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-image-slice-001-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-001.xht">border-image-slice-001</a></strong></td>
|
||||
<tr id="border-image-slice-001-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-001.xht">border-image-slice-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image-slice - <percentage>
|
||||
|
|
@ -124,9 +124,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-002-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-002.xht">border-image-slice-002</a></strong></td>
|
||||
<tr id="border-image-slice-002-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-002.xht">border-image-slice-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image-slice - <number>
|
||||
|
|
@ -135,9 +135,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-003-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-003.xht">border-image-slice-003</a></strong></td>
|
||||
<tr id="border-image-slice-003-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-003.xht">border-image-slice-003</a></td>
|
||||
<td><a href="reference/ref-if-there-is-no-red.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image-slice - border-style: none
|
||||
|
|
@ -146,9 +146,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-005-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-005.xht">border-image-slice-005</a></strong></td>
|
||||
<tr id="border-image-slice-005-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-005.xht">border-image-slice-005</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>The 'border-image-slice' property with four percentage values
|
||||
|
|
@ -157,9 +157,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-007-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-007.xht">border-image-slice-007</a></strong></td>
|
||||
<tr id="border-image-slice-007-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-007.xht">border-image-slice-007</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>The 'border-image-slice' property with the 'fill' keyword
|
||||
|
|
@ -171,9 +171,9 @@
|
|||
</tbody>
|
||||
<tbody id="s6.2.#border-image-slice">
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-image-2-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-2.xht">border-image-2</a></strong></td>
|
||||
<tr id="border-image-2-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-2.xht">border-image-2</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #2 border-image-slice
|
||||
|
|
@ -182,9 +182,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-3-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-3.xht">border-image-3</a></strong></td>
|
||||
<tr id="border-image-3-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-3.xht">border-image-3</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #3 border-image-slice
|
||||
|
|
@ -193,9 +193,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-4-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-4.xht">border-image-4</a></strong></td>
|
||||
<tr id="border-image-4-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-4.xht">border-image-4</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #4 border-image-slice
|
||||
|
|
@ -204,9 +204,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-5-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-5.xht">border-image-5</a></strong></td>
|
||||
<tr id="border-image-5-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-5.xht">border-image-5</a></td>
|
||||
<td><a href="support/reftest-border-image-5.png">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #5 border-image-slice
|
||||
|
|
@ -215,9 +215,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-6-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-6.xht">border-image-6</a></strong></td>
|
||||
<tr id="border-image-6-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-6.xht">border-image-6</a></td>
|
||||
<td><a href="support/reftest-border-image-5.png">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #6 border-image-slice
|
||||
|
|
@ -233,11 +233,11 @@
|
|||
<tbody id="s6.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr>
|
||||
<!-- 7 tests -->
|
||||
<tr id="border-image-10-6.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-10.xht">border-image-10</a></strong></td>
|
||||
<tr id="border-image-10-6.3" class="">
|
||||
<td>
|
||||
<a href="border-image-10.xht">border-image-10</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #10 border-image-width
|
||||
|
|
@ -246,9 +246,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-7-6.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-7.xht">border-image-7</a></strong></td>
|
||||
<tr id="border-image-7-6.3" class="">
|
||||
<td>
|
||||
<a href="border-image-7.xht">border-image-7</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #7 border-image-width
|
||||
|
|
@ -257,9 +257,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-8-6.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-8.xht">border-image-8</a></strong></td>
|
||||
<tr id="border-image-8-6.3" class="">
|
||||
<td>
|
||||
<a href="border-image-8.xht">border-image-8</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #8 border-image-width
|
||||
|
|
@ -268,9 +268,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-9-6.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-9.xht">border-image-9</a></strong></td>
|
||||
<tr id="border-image-9-6.3" class="">
|
||||
<td>
|
||||
<a href="border-image-9.xht">border-image-9</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #9 border-image-width
|
||||
|
|
@ -279,9 +279,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-width-005-6.3" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-width-005.xht">border-image-width-005</a></strong></td>
|
||||
<tr id="border-image-width-005-6.3" class="image">
|
||||
<td>
|
||||
<a href="border-image-width-005.xht">border-image-width-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border image area - border-image-width
|
||||
|
|
@ -290,9 +290,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-width-006-6.3" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-width-006.xht">border-image-width-006</a></strong></td>
|
||||
<tr id="border-image-width-006-6.3" class="image">
|
||||
<td>
|
||||
<a href="border-image-width-006.xht">border-image-width-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border image area - border-image-width
|
||||
|
|
@ -301,9 +301,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-width-007-6.3" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-width-007.xht">border-image-width-007</a></strong></td>
|
||||
<tr id="border-image-width-007-6.3" class="image">
|
||||
<td>
|
||||
<a href="border-image-width-007.xht">border-image-width-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border image area - border-image-width
|
||||
|
|
@ -322,11 +322,11 @@
|
|||
<tbody id="s6.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-outset">6.4 Edge Overhang: the ‘border-image-outset’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-outset">6.4 Edge Overhang: the ‘border-image-outset’ property</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="border-image-12-6.4" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-12.xht">border-image-12</a></strong></td>
|
||||
<tr id="border-image-12-6.4" class="">
|
||||
<td>
|
||||
<a href="border-image-12.xht">border-image-12</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #12 border-image-outset
|
||||
|
|
@ -345,11 +345,11 @@
|
|||
<tbody id="s6.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-repeat">6.5 Image Tiling: the ‘border-image-repeat’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-repeat">6.5 Image Tiling: the ‘border-image-repeat’ property</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<tr id="border-image-13-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-13.xht">border-image-13</a></strong></td>
|
||||
<tr id="border-image-13-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-13.xht">border-image-13</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #13 border-image-repeat
|
||||
|
|
@ -358,9 +358,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-14-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-14.xht">border-image-14</a></strong></td>
|
||||
<tr id="border-image-14-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-14.xht">border-image-14</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #14 border-image-repeat
|
||||
|
|
@ -369,9 +369,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-15-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-15.xht">border-image-15</a></strong></td>
|
||||
<tr id="border-image-15-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-15.xht">border-image-15</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #15 border-image-repeat
|
||||
|
|
@ -380,9 +380,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-16-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-16.xht">border-image-16</a></strong></td>
|
||||
<tr id="border-image-16-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-16.xht">border-image-16</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #16 border-image-repeat
|
||||
|
|
@ -391,9 +391,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-repeat_repeatnegx_none_50px-6.5" class="primary script">
|
||||
<td><strong>
|
||||
<a href="border-image-repeat_repeatnegx_none_50px.xht">border-image-repeat_repeatnegx_none_50px</a></strong></td>
|
||||
<tr id="border-image-repeat_repeatnegx_none_50px-6.5" class="script">
|
||||
<td>
|
||||
<a href="border-image-repeat_repeatnegx_none_50px.xht">border-image-repeat_repeatnegx_none_50px</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>"border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div
|
||||
|
|
@ -402,9 +402,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-space-001-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-space-001.xht">border-image-space-001</a></strong></td>
|
||||
<tr id="border-image-space-001-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-space-001.xht">border-image-space-001</a></td>
|
||||
<td><a href="reference/border-image-space-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border Image: box with spaced repeating border image
|
||||
|
|
@ -416,17 +416,17 @@
|
|||
</tbody>
|
||||
<tbody id="s6.5.#border-image-repeat">
|
||||
<!-- 2 tests -->
|
||||
<tr id="css3-border-image-repeat-repeat-6.5.#border-image-repeat" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-border-image-repeat-repeat.xht">css3-border-image-repeat-repeat</a></strong></td>
|
||||
<tr id="css3-border-image-repeat-repeat-6.5.#border-image-repeat" class="">
|
||||
<td>
|
||||
<a href="css3-border-image-repeat-repeat.xht">css3-border-image-repeat-repeat</a></td>
|
||||
<td><a href="reference/css3-border-image-repeat-repeat-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>border image repeat property with value repeat
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css3-border-image-repeat-stretch-6.5.#border-image-repeat" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-border-image-repeat-stretch.xht">css3-border-image-repeat-stretch</a></strong></td>
|
||||
<tr id="css3-border-image-repeat-stretch-6.5.#border-image-repeat" class="">
|
||||
<td>
|
||||
<a href="css3-border-image-repeat-stretch.xht">css3-border-image-repeat-stretch</a></td>
|
||||
<td><a href="reference/css3-border-image-repeat-stretch-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>border image repeat property with value stretch
|
||||
|
|
@ -448,17 +448,17 @@
|
|||
<tbody id="s6.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#border-image-process">6.6 Drawing the Border Image</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#border-image-process">6.6 Drawing the Border Image</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image">6.7 Border Image Shorthand: the ‘border-image’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image">6.7 Border Image Shorthand: the ‘border-image’ property</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-image-017-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-017.xht">border-image-017</a></strong></td>
|
||||
<tr id="border-image-017-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-image-017.xht">border-image-017</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image shorthand - with border-image-slice <percentage> and border-image-width <percentage>
|
||||
|
|
@ -467,9 +467,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-018-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-018.xht">border-image-018</a></strong></td>
|
||||
<tr id="border-image-018-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-image-018.xht">border-image-018</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image shorthand - with border-image-slice <number> and border-image-width <percentage>
|
||||
|
|
@ -478,9 +478,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-019-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-019.xht">border-image-019</a></strong></td>
|
||||
<tr id="border-image-019-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-image-019.xht">border-image-019</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image shorthand - with border-image-slice <percentage> and border-image-width <number>
|
||||
|
|
@ -489,9 +489,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-020-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-020.xht">border-image-020</a></strong></td>
|
||||
<tr id="border-image-020-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-image-020.xht">border-image-020</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image shorthand - with border-image-slice <number> and border-image-width <number>
|
||||
|
|
@ -500,9 +500,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-images-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-images.xht">border-images</a></strong></td>
|
||||
<tr id="border-images-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-images.xht">border-images</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-images with round repeat
|
||||
|
|
@ -518,7 +518,7 @@
|
|||
<tbody id="s6.8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.8">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#border-image-tables">6.8 Effect on Tables</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#border-image-tables">6.8 Effect on Tables</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,17 +30,17 @@
|
|||
<tbody id="s7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#misc">7 Miscellaneous Effects</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#misc">7 Miscellaneous Effects</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-box-shadow">7.1 Drop Shadows: the ‘box-shadow’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-box-shadow">7.1 Drop Shadows: the ‘box-shadow’ property</a></th></tr>
|
||||
<!-- 11 tests -->
|
||||
<tr id="box-shadow-001-7.1" class="primary internal">
|
||||
<td><strong>
|
||||
<a href="box-shadow-001.xht">box-shadow-001</a></strong></td>
|
||||
<tr id="box-shadow-001-7.1" class="internal">
|
||||
<td>
|
||||
<a href="box-shadow-001.xht">box-shadow-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="internal" title=""></abbr></td>
|
||||
<td>Positive value of horizontal offset
|
||||
|
|
@ -49,9 +49,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-002-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-002.xht">box-shadow-002</a></strong></td>
|
||||
<tr id="box-shadow-002-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-002.xht">box-shadow-002</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Positive values for spread distance
|
||||
|
|
@ -60,9 +60,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-004-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-004.xht">box-shadow-004</a></strong></td>
|
||||
<tr id="box-shadow-004-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-004.xht">box-shadow-004</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Negative value for blur radius
|
||||
|
|
@ -71,9 +71,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-005-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-005.xht">box-shadow-005</a></strong></td>
|
||||
<tr id="box-shadow-005-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-005.xht">box-shadow-005</a></td>
|
||||
<td><a href="reference/box-shadow-005-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Box-Shadow property
|
||||
|
|
@ -82,9 +82,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-blur-definition-001-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-blur-definition-001.xht">box-shadow-blur-definition-001</a></strong></td>
|
||||
<tr id="box-shadow-blur-definition-001-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-blur-definition-001.xht">box-shadow-blur-definition-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>blur computation for box-shadow
|
||||
|
|
@ -93,9 +93,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-inset-spread-without-border-radius-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-inset-spread-without-border-radius.xht">box-shadow-inset-spread-without-border-radius</a></strong></td>
|
||||
<tr id="box-shadow-inset-spread-without-border-radius-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-inset-spread-without-border-radius.xht">box-shadow-inset-spread-without-border-radius</a></td>
|
||||
<td><a href="reference/box-shadow-inset-spread-without-border-radius.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-shadow
|
||||
|
|
@ -104,9 +104,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-inset-without-border-radius-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-inset-without-border-radius.xht">box-shadow-inset-without-border-radius</a></strong></td>
|
||||
<tr id="box-shadow-inset-without-border-radius-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-inset-without-border-radius.xht">box-shadow-inset-without-border-radius</a></td>
|
||||
<td><a href="reference/box-shadow-inset-without-border-radius.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-shadow
|
||||
|
|
@ -115,9 +115,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-outset-spread-without-border-radius-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-outset-spread-without-border-radius.xht">box-shadow-outset-spread-without-border-radius</a></strong></td>
|
||||
<tr id="box-shadow-outset-spread-without-border-radius-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-outset-spread-without-border-radius.xht">box-shadow-outset-spread-without-border-radius</a></td>
|
||||
<td><a href="reference/box-shadow-outset-spread-without-border-radius.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-shadow
|
||||
|
|
@ -126,9 +126,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-outset-without-border-radius-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-outset-without-border-radius.xht">box-shadow-outset-without-border-radius</a></strong></td>
|
||||
<tr id="box-shadow-outset-without-border-radius-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-outset-without-border-radius.xht">box-shadow-outset-without-border-radius</a></td>
|
||||
<td><a href="reference/box-shadow-outset-without-border-radius.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-shadow
|
||||
|
|
@ -137,9 +137,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-syntax-001-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-syntax-001.xht">box-shadow-syntax-001</a></strong></td>
|
||||
<tr id="box-shadow-syntax-001-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-syntax-001.xht">box-shadow-syntax-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Box Shadow Syntax: Reordering Components
|
||||
|
|
@ -148,9 +148,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-box-shadow-001-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-box-shadow-001.xht">css-box-shadow-001</a></strong></td>
|
||||
<tr id="css-box-shadow-001-7.1" class="">
|
||||
<td>
|
||||
<a href="css-box-shadow-001.xht">css-box-shadow-001</a></td>
|
||||
<td><a href="reference/css-box-shadow-ref-001.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS box-shadow Test
|
||||
|
|
@ -205,7 +205,7 @@
|
|||
<tbody id="s7.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#shadow-shape">7.1.1 Shadow Shape, Spread, and Knockout</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#shadow-shape">7.1.1 Shadow Shape, Spread, and Knockout</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1.1.#box-shadow-samples">
|
||||
|
|
@ -214,13 +214,13 @@
|
|||
<tbody id="s7.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#shadow-blur">7.1.2 Blurring Shadow Edges</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#shadow-blur">7.1.2 Blurring Shadow Edges</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#shadow-layers">7.1.3 Layering, Layout, and Other Details</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#shadow-layers">7.1.3 Layering, Layout, and Other Details</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#definitions">8 Definitions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#definitions">8 Definitions</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#glossary">8.1 Glossary</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#glossary">8.1 Glossary</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1.#document">
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
<tbody id="s8.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#conformance">8.2 Conformance</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#conformance">8.2 Conformance</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.2.#authoring-tool">
|
||||
|
|
@ -69,31 +69,31 @@
|
|||
<tbody id="s8.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#levels">8.3 Levels</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#levels">8.3 Levels</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#level-1">8.3.1 Level 1</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#level-1">8.3.1 Level 1</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#level-2">8.3.2 Level 2</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#level-2">8.3.2 Level 2</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#level-3">8.3.3 Level 3</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#level-3">8.3.3 Level 3</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#exit">8.4 CR Exit Criteria</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#exit">8.4 CR Exit Criteria</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,43 +30,43 @@
|
|||
<tbody id="s9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes">9 Changes</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes">9 Changes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2014-07">9.1 Changes since the 4 February 2014 Last Call Working Draft</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2014-07">9.1 Changes since the 4 February 2014 Last Call Working Draft</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2012-07">9.2 Changes since the 24 July 2012 Candidate Recommendation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2012-07">9.2 Changes since the 24 July 2012 Candidate Recommendation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2012-04">9.3 Changes since the 17 April 2012 Candidate Recommendation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2012-04">9.3 Changes since the 17 April 2012 Candidate Recommendation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2012LC">9.4 Changes since the 14 February 2012 “Last Call” Working Draft</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2012LC">9.4 Changes since the 14 February 2012 “Last Call” Working Draft</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2011">9.5 Changes Since the 15 February 2011 Candidate Recommendation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2011">9.5 Changes Since the 15 February 2011 Candidate Recommendation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2009">9.6 Changes Since the 17 December 2009 Candidate Recommendation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2009">9.6 Changes Since the 17 December 2009 Candidate Recommendation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,8 @@
|
|||
<!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
|
||||
{
|
||||
|
|
@ -15,14 +11,9 @@
|
|||
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>
|
||||
|
|
@ -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
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 203 B |
|
|
@ -1,47 +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 Transforms Test: transform property with translate function</title>
|
||||
<link href="mailto:77765477@163.com" rel="author" title="zhenyu_w3c" />
|
||||
<style type="text/css">
|
||||
table{
|
||||
font-size:12px;
|
||||
}
|
||||
th{
|
||||
height:80px;
|
||||
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../support/table-head.jpg',sizingMethod='scale'); background-repeat: repeat-x;*/
|
||||
background:url(../support/table-head.jpg) repeat-x;
|
||||
border-width:0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if you didn't see the img repeat on the Y direction (note: the size of img is 1px weight and 80px height and with blue and red colors) </p>
|
||||
|
||||
<table>
|
||||
<tbody><tr>
|
||||
<th>
|
||||
first
|
||||
</th>
|
||||
<th>
|
||||
second
|
||||
</th>
|
||||
<th>
|
||||
third
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
1
|
||||
</td>
|
||||
<td>
|
||||
2
|
||||
</td>
|
||||
<td>
|
||||
3
|
||||
</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1962,14 +1962,6 @@
|
|||
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="scroll" title="Only valid for continuous media">Scroll</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="ttwf-reftest-background-repeat-x" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="transform property with translate function">
|
||||
<a href="ttwf-reftest-background-repeat-x.xht">ttwf-reftest-background-repeat-x</a></td>
|
||||
<td><a href="reference/ttwf-reftest-background-repeat-x-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="ttwf-reftest-borderradius" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Test Background and border">
|
||||
|
|
|
|||
|
|
@ -241,5 +241,4 @@ css3-border-image-source.xht == reference/css3-border-image-source-ref.xht
|
|||
css3-box-shadow.xht == reference/css3-box-shadow-ref.xht
|
||||
diagonal-percentage-vector-background.xht == reference/diagonal-percentage-vector-background-ref.xht
|
||||
scroll-positioned-multiple-background-images.xht == reference/60x60-green-background.xht
|
||||
ttwf-reftest-background-repeat-x.xht == reference/ttwf-reftest-background-repeat-x-ref.xht
|
||||
ttwf-reftest-borderRadius.xht == reference/ttwf-reftest-borderRadius-ref.xht
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 203 B |
|
|
@ -32,7 +32,7 @@
|
|||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
Backgrounds</a></th>
|
||||
<td>(382 Tests)</td></tr>
|
||||
<td>(381 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
|
|
|
|||
|
|
@ -1,76 +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 Transforms Test: transform property with translate function</title>
|
||||
<link href="mailto:77765477@163.com" rel="author" title="zhenyu_w3c" />
|
||||
<link href="http://www.w3.org/TR/css3-background/#the-background-repeat" rel="help" />
|
||||
<link href="reference/ttwf-reftest-background-repeat-x-ref.xht" rel="match" />
|
||||
<meta content="You should only see the img with two color render on the X directions." name="assert" />
|
||||
<style type="text/css">
|
||||
table{
|
||||
font-size:12px;
|
||||
}
|
||||
th{
|
||||
height:160px;
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='support/table-head.jpg',sizingMethod='scale'); background-repeat: repeat-x;
|
||||
/*background:url(support/table-head.jpg) repeat-x;*/
|
||||
border-width:0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script>
|
||||
var filter=true;
|
||||
var obj_array=document.getElementsByTagName("th");
|
||||
|
||||
|
||||
function switch_filter(){
|
||||
if(filter){
|
||||
for(i=0;i<obj_array.length;i++){
|
||||
obj_array[i].style.filter="";
|
||||
obj_array[i].style.background="url(support/table-head.jpg) repeat-x";
|
||||
}
|
||||
var button=document.getElementById("switch-button");
|
||||
button.value="has use the pure repeat-x.click here to cancel repeat-x,to use filter!!!";
|
||||
filter=false;
|
||||
}
|
||||
else{
|
||||
for(i=0;i<obj_array.length;i++){
|
||||
obj_array[i].style.background="";
|
||||
obj_array[i].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='support/table-head.jpg',sizingMethod='scale'); background-repeat: repeat-x";
|
||||
}
|
||||
var button=document.getElementById("switch-button");
|
||||
button.value="has used the filter.click here to cancel filter,to use pure repeat-x!!!";
|
||||
filter=true;
|
||||
}
|
||||
}
|
||||
</script></head>
|
||||
|
||||
<body>
|
||||
<p>The test passes if you see the img repeat on the X direction (not repeat on the Y direction) </p>
|
||||
<div><input type="button" value="has used the filter.click here to cancel filter,to use pure repeat-x!!!" onclick="switch_filter()" id="switch-button" /></div>
|
||||
<table>
|
||||
<tbody><tr>
|
||||
<th>
|
||||
first
|
||||
</th>
|
||||
<th>
|
||||
second
|
||||
</th>
|
||||
<th>
|
||||
third
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
1
|
||||
</td>
|
||||
<td>
|
||||
2
|
||||
</td>
|
||||
<td>
|
||||
3
|
||||
</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -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-background/#introduction">1 Introduction</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#introduction">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#acknowledgments">10 Acknowledgments</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#acknowledgments">10 Acknowledgments</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s11">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s11">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#references">11 References</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#references">11 References</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s11.#normative-references">
|
||||
|
|
|
|||
|
|
@ -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-background/#values">2 Values and Interactions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#values">2 Values and Interactions</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="background-size-032-2" class="image">
|
||||
<td>
|
||||
|
|
@ -69,11 +69,11 @@
|
|||
<tbody id="s2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#placement">2.1 Module Interactions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#placement">2.1 Module Interactions</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="background-image-first-letter-2.1" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="background-image-first-letter.xht">background-image-first-letter</a></strong></td>
|
||||
<tr id="background-image-first-letter-2.1" class="ahem image">
|
||||
<td>
|
||||
<a href="background-image-first-letter.xht">background-image-first-letter</a></td>
|
||||
<td><a href="reference/background-image-first-letter-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>background-image applicability to ::first-letter
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
<tbody id="s2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#value-types">2.2 Value Types</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#value-types">2.2 Value Types</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="background-clip-006-2.2" class="">
|
||||
<td>
|
||||
|
|
@ -117,7 +117,7 @@
|
|||
<tbody id="s2.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#animations">2.3 Animated Values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#animations">2.3 Animated Values</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#borders">4 Borders</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#borders">4 Borders</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-001-4" class="">
|
||||
<td>
|
||||
|
|
@ -91,11 +91,11 @@
|
|||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-color">4.1 Line Colors: the ‘border-color’ properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-color">4.1 Line Colors: the ‘border-color’ properties</a></th></tr>
|
||||
<!-- 7 tests -->
|
||||
<tr id="border-color_transparent-4.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-color_transparent.xht">border-color_transparent</a></strong></td>
|
||||
<tr id="border-color_transparent-4.1" class="">
|
||||
<td>
|
||||
<a href="border-color_transparent.xht">border-color_transparent</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>border-clip_border-box
|
||||
|
|
@ -104,9 +104,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-style-001-4.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-001.xht">border-radius-style-001</a></strong></td>
|
||||
<tr id="border-radius-style-001-4.1" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-001.xht">border-radius-style-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: dotted'
|
||||
|
|
@ -115,9 +115,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color.xht">ttwf-css3background-border-color</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color.xht">ttwf-css3background-border-color</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color
|
||||
|
|
@ -126,9 +126,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color-shorthand.xht">ttwf-css3background-border-color-shorthand</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color-shorthand.xht">ttwf-css3background-border-color-shorthand</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color_shorthand
|
||||
|
|
@ -137,9 +137,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-bottom-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-bottom.xht">ttwf-css3background-border-color-shorthand-missing-bottom</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-bottom-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-bottom.xht">ttwf-css3background-border-color-shorthand-missing-bottom</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color_shorthand_missing_bottom
|
||||
|
|
@ -148,9 +148,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-left-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-left.xht">ttwf-css3background-border-color-shorthand-missing-left</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-left-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-left.xht">ttwf-css3background-border-color-shorthand-missing-left</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color_shorthand_missing_left
|
||||
|
|
@ -159,9 +159,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-right-4.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-right.xht">ttwf-css3background-border-color-shorthand-missing-right</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-color-shorthand-missing-right-4.1" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-color-shorthand-missing-right.xht">ttwf-css3background-border-color-shorthand-missing-right</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_color_shorthand_missing_right
|
||||
|
|
@ -189,11 +189,11 @@
|
|||
<tbody id="s4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-style">4.2 Line Patterns: the ‘border-style’ properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-style">4.2 Line Patterns: the ‘border-style’ properties</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="border-radius-style-002-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-002.xht">border-radius-style-002</a></strong></td>
|
||||
<tr id="border-radius-style-002-4.2" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-002.xht">border-radius-style-002</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: dashed'
|
||||
|
|
@ -202,9 +202,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-style-003-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-003.xht">border-radius-style-003</a></strong></td>
|
||||
<tr id="border-radius-style-003-4.2" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-003.xht">border-radius-style-003</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: double'
|
||||
|
|
@ -213,9 +213,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-style-004-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-004.xht">border-radius-style-004</a></strong></td>
|
||||
<tr id="border-radius-style-004-4.2" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-004.xht">border-radius-style-004</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: solid'
|
||||
|
|
@ -224,9 +224,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-style-005-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-style-005.xht">border-radius-style-005</a></strong></td>
|
||||
<tr id="border-radius-style-005-4.2" class="">
|
||||
<td>
|
||||
<a href="border-radius-style-005.xht">border-radius-style-005</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>'Border-radius' is set with 'border-style: none'
|
||||
|
|
@ -235,9 +235,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style.xht">ttwf-css3background-border-style</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style.xht">ttwf-css3background-border-style</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style
|
||||
|
|
@ -246,9 +246,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-double-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-double.xht">ttwf-css3background-border-style-double</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-double-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-double.xht">ttwf-css3background-border-style-double</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style_double
|
||||
|
|
@ -257,9 +257,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-shorthand.xht">ttwf-css3background-border-style-shorthand</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-shorthand.xht">ttwf-css3background-border-style-shorthand</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style_shorthand
|
||||
|
|
@ -268,9 +268,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-missing-bottom-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-shorthand-missing-bottom.xht">ttwf-css3background-border-style-shorthand-missing-bottom</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-missing-bottom-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-shorthand-missing-bottom.xht">ttwf-css3background-border-style-shorthand-missing-bottom</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style
|
||||
|
|
@ -279,9 +279,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-missing-left-4.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-shorthand-missing-left.xht">ttwf-css3background-border-style-shorthand-missing-left</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-shorthand-missing-left-4.2" class="image">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-shorthand-missing-left.xht">ttwf-css3background-border-style-shorthand-missing-left</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border_style
|
||||
|
|
@ -290,9 +290,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="ttwf-css3background-border-style-values-4.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="ttwf-css3background-border-style-values.xht">ttwf-css3background-border-style-values</a></strong></td>
|
||||
<tr id="ttwf-css3background-border-style-values-4.2" class="">
|
||||
<td>
|
||||
<a href="ttwf-css3background-border-style-values.xht">ttwf-css3background-border-style-values</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>border_style_values
|
||||
|
|
@ -353,27 +353,27 @@
|
|||
<tbody id="s4.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-width">4.3 Line Thickness: the ‘border-width’ properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-width">4.3 Line Thickness: the ‘border-width’ properties</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="css3-background-clip-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-background-clip.xht">css3-background-clip</a></strong></td>
|
||||
<tr id="css3-background-clip-4.3" class="">
|
||||
<td>
|
||||
<a href="css3-background-clip.xht">css3-background-clip</a></td>
|
||||
<td><a href="reference/css3-background-clip-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>the background is pruned to content box
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css3-background-size-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-background-size.xht">css3-background-size</a></strong></td>
|
||||
<tr id="css3-background-size-4.3" class="">
|
||||
<td>
|
||||
<a href="css3-background-size.xht">css3-background-size</a></td>
|
||||
<td><a href="reference/css3-background-size-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>the size of the background image
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css3-box-shadow-4.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-box-shadow.xht">css3-box-shadow</a></strong></td>
|
||||
<tr id="css3-box-shadow-4.3" class="">
|
||||
<td>
|
||||
<a href="css3-box-shadow.xht">css3-box-shadow</a></td>
|
||||
<td><a href="reference/css3-box-shadow-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>the test passes if adding one or more shadow to the box
|
||||
|
|
@ -401,7 +401,7 @@
|
|||
<tbody id="s4.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-shorthands">4.4 Border Shorthand Properties</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-shorthands">4.4 Border Shorthand Properties</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-001-4.4" class="">
|
||||
<td>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -30,11 +30,11 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#border-images">6 Border Images</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#border-images">6 Border Images</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="border-image-repeat-round-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-repeat-round.xht">border-image-repeat-round</a></strong></td>
|
||||
<tr id="border-image-repeat-round-6" class="">
|
||||
<td>
|
||||
<a href="border-image-repeat-round.xht">border-image-repeat-round</a></td>
|
||||
<td><a href="reference/border-image-repeat-round-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'border-image-repeat' set as 'round'
|
||||
|
|
@ -43,9 +43,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-round-and-stretch-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-round-and-stretch.xht">border-image-round-and-stretch</a></strong></td>
|
||||
<tr id="border-image-round-and-stretch-6" class="">
|
||||
<td>
|
||||
<a href="border-image-round-and-stretch.xht">border-image-round-and-stretch</a></td>
|
||||
<td><a href="reference/border-image-round-and-stretch-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'border-image' set as 'round' and 'stretch'
|
||||
|
|
@ -54,9 +54,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-percentage-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-percentage.xht">border-image-slice-percentage</a></strong></td>
|
||||
<tr id="border-image-slice-percentage-6" class="">
|
||||
<td>
|
||||
<a href="border-image-slice-percentage.xht">border-image-slice-percentage</a></td>
|
||||
<td><a href="reference/border-image-slice-percentage-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>'border-image-slice' set by percentage
|
||||
|
|
@ -72,11 +72,11 @@
|
|||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-source">6.1 Image Source: the ‘border-image-source’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-source">6.1 Image Source: the ‘border-image-source’ property</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="border-image-1-6.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-1.xht">border-image-1</a></strong></td>
|
||||
<tr id="border-image-1-6.1" class="">
|
||||
<td>
|
||||
<a href="border-image-1.xht">border-image-1</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #1 border-image-source
|
||||
|
|
@ -85,9 +85,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-11-6.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-11.xht">border-image-11</a></strong></td>
|
||||
<tr id="border-image-11-6.1" class="">
|
||||
<td>
|
||||
<a href="border-image-11.xht">border-image-11</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #11 border-image-outset
|
||||
|
|
@ -99,9 +99,9 @@
|
|||
</tbody>
|
||||
<tbody id="s6.1.#border-image-source">
|
||||
<!-- 1 tests -->
|
||||
<tr id="css3-border-image-source-6.1.#border-image-source" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-border-image-source.xht">css3-border-image-source</a></strong></td>
|
||||
<tr id="css3-border-image-source-6.1.#border-image-source" class="">
|
||||
<td>
|
||||
<a href="css3-border-image-source.xht">css3-border-image-source</a></td>
|
||||
<td><a href="reference/css3-border-image-source-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>border image source property
|
||||
|
|
@ -111,11 +111,11 @@
|
|||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-slice">6.2 Image Slicing: the ‘border-image-slice’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-slice">6.2 Image Slicing: the ‘border-image-slice’ property</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-image-slice-001-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-001.xht">border-image-slice-001</a></strong></td>
|
||||
<tr id="border-image-slice-001-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-001.xht">border-image-slice-001</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image-slice - <percentage>
|
||||
|
|
@ -124,9 +124,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-002-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-002.xht">border-image-slice-002</a></strong></td>
|
||||
<tr id="border-image-slice-002-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-002.xht">border-image-slice-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image-slice - <number>
|
||||
|
|
@ -135,9 +135,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-003-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-003.xht">border-image-slice-003</a></strong></td>
|
||||
<tr id="border-image-slice-003-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-003.xht">border-image-slice-003</a></td>
|
||||
<td><a href="reference/ref-if-there-is-no-red.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image-slice - border-style: none
|
||||
|
|
@ -146,9 +146,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-005-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-005.xht">border-image-slice-005</a></strong></td>
|
||||
<tr id="border-image-slice-005-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-005.xht">border-image-slice-005</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>The 'border-image-slice' property with four percentage values
|
||||
|
|
@ -157,9 +157,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-007-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-007.xht">border-image-slice-007</a></strong></td>
|
||||
<tr id="border-image-slice-007-6.2" class="image">
|
||||
<td>
|
||||
<a href="border-image-slice-007.xht">border-image-slice-007</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>The 'border-image-slice' property with the 'fill' keyword
|
||||
|
|
@ -171,9 +171,9 @@
|
|||
</tbody>
|
||||
<tbody id="s6.2.#border-image-slice">
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-image-2-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-2.xht">border-image-2</a></strong></td>
|
||||
<tr id="border-image-2-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-2.xht">border-image-2</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #2 border-image-slice
|
||||
|
|
@ -182,9 +182,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-3-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-3.xht">border-image-3</a></strong></td>
|
||||
<tr id="border-image-3-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-3.xht">border-image-3</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #3 border-image-slice
|
||||
|
|
@ -193,9 +193,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-4-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-4.xht">border-image-4</a></strong></td>
|
||||
<tr id="border-image-4-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-4.xht">border-image-4</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #4 border-image-slice
|
||||
|
|
@ -204,9 +204,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-5-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-5.xht">border-image-5</a></strong></td>
|
||||
<tr id="border-image-5-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-5.xht">border-image-5</a></td>
|
||||
<td><a href="support/reftest-border-image-5.png">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #5 border-image-slice
|
||||
|
|
@ -215,9 +215,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-6-6.2.#border-image-slice" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-6.xht">border-image-6</a></strong></td>
|
||||
<tr id="border-image-6-6.2.#border-image-slice" class="">
|
||||
<td>
|
||||
<a href="border-image-6.xht">border-image-6</a></td>
|
||||
<td><a href="support/reftest-border-image-5.png">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #6 border-image-slice
|
||||
|
|
@ -233,11 +233,11 @@
|
|||
<tbody id="s6.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr>
|
||||
<!-- 7 tests -->
|
||||
<tr id="border-image-10-6.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-10.xht">border-image-10</a></strong></td>
|
||||
<tr id="border-image-10-6.3" class="">
|
||||
<td>
|
||||
<a href="border-image-10.xht">border-image-10</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #10 border-image-width
|
||||
|
|
@ -246,9 +246,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-7-6.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-7.xht">border-image-7</a></strong></td>
|
||||
<tr id="border-image-7-6.3" class="">
|
||||
<td>
|
||||
<a href="border-image-7.xht">border-image-7</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #7 border-image-width
|
||||
|
|
@ -257,9 +257,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-8-6.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-8.xht">border-image-8</a></strong></td>
|
||||
<tr id="border-image-8-6.3" class="">
|
||||
<td>
|
||||
<a href="border-image-8.xht">border-image-8</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #8 border-image-width
|
||||
|
|
@ -268,9 +268,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-9-6.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-9.xht">border-image-9</a></strong></td>
|
||||
<tr id="border-image-9-6.3" class="">
|
||||
<td>
|
||||
<a href="border-image-9.xht">border-image-9</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #9 border-image-width
|
||||
|
|
@ -279,9 +279,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-width-005-6.3" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-width-005.xht">border-image-width-005</a></strong></td>
|
||||
<tr id="border-image-width-005-6.3" class="image">
|
||||
<td>
|
||||
<a href="border-image-width-005.xht">border-image-width-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border image area - border-image-width
|
||||
|
|
@ -290,9 +290,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-width-006-6.3" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-width-006.xht">border-image-width-006</a></strong></td>
|
||||
<tr id="border-image-width-006-6.3" class="image">
|
||||
<td>
|
||||
<a href="border-image-width-006.xht">border-image-width-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border image area - border-image-width
|
||||
|
|
@ -301,9 +301,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-width-007-6.3" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-width-007.xht">border-image-width-007</a></strong></td>
|
||||
<tr id="border-image-width-007-6.3" class="image">
|
||||
<td>
|
||||
<a href="border-image-width-007.xht">border-image-width-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border image area - border-image-width
|
||||
|
|
@ -322,11 +322,11 @@
|
|||
<tbody id="s6.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-outset">6.4 Edge Overhang: the ‘border-image-outset’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-outset">6.4 Edge Overhang: the ‘border-image-outset’ property</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="border-image-12-6.4" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-12.xht">border-image-12</a></strong></td>
|
||||
<tr id="border-image-12-6.4" class="">
|
||||
<td>
|
||||
<a href="border-image-12.xht">border-image-12</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #12 border-image-outset
|
||||
|
|
@ -345,11 +345,11 @@
|
|||
<tbody id="s6.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image-repeat">6.5 Image Tiling: the ‘border-image-repeat’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image-repeat">6.5 Image Tiling: the ‘border-image-repeat’ property</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<tr id="border-image-13-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-13.xht">border-image-13</a></strong></td>
|
||||
<tr id="border-image-13-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-13.xht">border-image-13</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #13 border-image-repeat
|
||||
|
|
@ -358,9 +358,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-14-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-14.xht">border-image-14</a></strong></td>
|
||||
<tr id="border-image-14-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-14.xht">border-image-14</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #14 border-image-repeat
|
||||
|
|
@ -369,9 +369,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-15-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-15.xht">border-image-15</a></strong></td>
|
||||
<tr id="border-image-15-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-15.xht">border-image-15</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #15 border-image-repeat
|
||||
|
|
@ -380,9 +380,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-16-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-16.xht">border-image-16</a></strong></td>
|
||||
<tr id="border-image-16-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-16.xht">border-image-16</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>CSS Border and Background: border-image #16 border-image-repeat
|
||||
|
|
@ -391,9 +391,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-repeat_repeatnegx_none_50px-6.5" class="primary script">
|
||||
<td><strong>
|
||||
<a href="border-image-repeat_repeatnegx_none_50px.xht">border-image-repeat_repeatnegx_none_50px</a></strong></td>
|
||||
<tr id="border-image-repeat_repeatnegx_none_50px-6.5" class="script">
|
||||
<td>
|
||||
<a href="border-image-repeat_repeatnegx_none_50px.xht">border-image-repeat_repeatnegx_none_50px</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>"border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div
|
||||
|
|
@ -402,9 +402,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-space-001-6.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-image-space-001.xht">border-image-space-001</a></strong></td>
|
||||
<tr id="border-image-space-001-6.5" class="">
|
||||
<td>
|
||||
<a href="border-image-space-001.xht">border-image-space-001</a></td>
|
||||
<td><a href="reference/border-image-space-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border Image: box with spaced repeating border image
|
||||
|
|
@ -416,17 +416,17 @@
|
|||
</tbody>
|
||||
<tbody id="s6.5.#border-image-repeat">
|
||||
<!-- 2 tests -->
|
||||
<tr id="css3-border-image-repeat-repeat-6.5.#border-image-repeat" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-border-image-repeat-repeat.xht">css3-border-image-repeat-repeat</a></strong></td>
|
||||
<tr id="css3-border-image-repeat-repeat-6.5.#border-image-repeat" class="">
|
||||
<td>
|
||||
<a href="css3-border-image-repeat-repeat.xht">css3-border-image-repeat-repeat</a></td>
|
||||
<td><a href="reference/css3-border-image-repeat-repeat-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>border image repeat property with value repeat
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css3-border-image-repeat-stretch-6.5.#border-image-repeat" class="primary">
|
||||
<td><strong>
|
||||
<a href="css3-border-image-repeat-stretch.xht">css3-border-image-repeat-stretch</a></strong></td>
|
||||
<tr id="css3-border-image-repeat-stretch-6.5.#border-image-repeat" class="">
|
||||
<td>
|
||||
<a href="css3-border-image-repeat-stretch.xht">css3-border-image-repeat-stretch</a></td>
|
||||
<td><a href="reference/css3-border-image-repeat-stretch-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>border image repeat property with value stretch
|
||||
|
|
@ -448,17 +448,17 @@
|
|||
<tbody id="s6.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#border-image-process">6.6 Drawing the Border Image</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#border-image-process">6.6 Drawing the Border Image</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-image">6.7 Border Image Shorthand: the ‘border-image’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-border-image">6.7 Border Image Shorthand: the ‘border-image’ property</a></th></tr>
|
||||
<!-- 5 tests -->
|
||||
<tr id="border-image-017-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-017.xht">border-image-017</a></strong></td>
|
||||
<tr id="border-image-017-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-image-017.xht">border-image-017</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image shorthand - with border-image-slice <percentage> and border-image-width <percentage>
|
||||
|
|
@ -467,9 +467,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-018-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-018.xht">border-image-018</a></strong></td>
|
||||
<tr id="border-image-018-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-image-018.xht">border-image-018</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image shorthand - with border-image-slice <number> and border-image-width <percentage>
|
||||
|
|
@ -478,9 +478,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-019-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-019.xht">border-image-019</a></strong></td>
|
||||
<tr id="border-image-019-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-image-019.xht">border-image-019</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image shorthand - with border-image-slice <percentage> and border-image-width <number>
|
||||
|
|
@ -489,9 +489,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-020-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-020.xht">border-image-020</a></strong></td>
|
||||
<tr id="border-image-020-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-image-020.xht">border-image-020</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-image shorthand - with border-image-slice <number> and border-image-width <number>
|
||||
|
|
@ -500,9 +500,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-images-6.7" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-images.xht">border-images</a></strong></td>
|
||||
<tr id="border-images-6.7" class="image">
|
||||
<td>
|
||||
<a href="border-images.xht">border-images</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>border-images with round repeat
|
||||
|
|
@ -518,7 +518,7 @@
|
|||
<tbody id="s6.8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.8">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#border-image-tables">6.8 Effect on Tables</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#border-image-tables">6.8 Effect on Tables</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,17 +30,17 @@
|
|||
<tbody id="s7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#misc">7 Miscellaneous Effects</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#misc">7 Miscellaneous Effects</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-box-shadow">7.1 Drop Shadows: the ‘box-shadow’ property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#the-box-shadow">7.1 Drop Shadows: the ‘box-shadow’ property</a></th></tr>
|
||||
<!-- 11 tests -->
|
||||
<tr id="box-shadow-001-7.1" class="primary internal">
|
||||
<td><strong>
|
||||
<a href="box-shadow-001.xht">box-shadow-001</a></strong></td>
|
||||
<tr id="box-shadow-001-7.1" class="internal">
|
||||
<td>
|
||||
<a href="box-shadow-001.xht">box-shadow-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="internal" title=""></abbr></td>
|
||||
<td>Positive value of horizontal offset
|
||||
|
|
@ -49,9 +49,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-002-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-002.xht">box-shadow-002</a></strong></td>
|
||||
<tr id="box-shadow-002-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-002.xht">box-shadow-002</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Positive values for spread distance
|
||||
|
|
@ -60,9 +60,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-004-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-004.xht">box-shadow-004</a></strong></td>
|
||||
<tr id="box-shadow-004-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-004.xht">box-shadow-004</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Negative value for blur radius
|
||||
|
|
@ -71,9 +71,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-005-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-005.xht">box-shadow-005</a></strong></td>
|
||||
<tr id="box-shadow-005-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-005.xht">box-shadow-005</a></td>
|
||||
<td><a href="reference/box-shadow-005-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Box-Shadow property
|
||||
|
|
@ -82,9 +82,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-blur-definition-001-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-blur-definition-001.xht">box-shadow-blur-definition-001</a></strong></td>
|
||||
<tr id="box-shadow-blur-definition-001-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-blur-definition-001.xht">box-shadow-blur-definition-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>blur computation for box-shadow
|
||||
|
|
@ -93,9 +93,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-inset-spread-without-border-radius-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-inset-spread-without-border-radius.xht">box-shadow-inset-spread-without-border-radius</a></strong></td>
|
||||
<tr id="box-shadow-inset-spread-without-border-radius-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-inset-spread-without-border-radius.xht">box-shadow-inset-spread-without-border-radius</a></td>
|
||||
<td><a href="reference/box-shadow-inset-spread-without-border-radius.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-shadow
|
||||
|
|
@ -104,9 +104,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-inset-without-border-radius-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-inset-without-border-radius.xht">box-shadow-inset-without-border-radius</a></strong></td>
|
||||
<tr id="box-shadow-inset-without-border-radius-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-inset-without-border-radius.xht">box-shadow-inset-without-border-radius</a></td>
|
||||
<td><a href="reference/box-shadow-inset-without-border-radius.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-shadow
|
||||
|
|
@ -115,9 +115,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-outset-spread-without-border-radius-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-outset-spread-without-border-radius.xht">box-shadow-outset-spread-without-border-radius</a></strong></td>
|
||||
<tr id="box-shadow-outset-spread-without-border-radius-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-outset-spread-without-border-radius.xht">box-shadow-outset-spread-without-border-radius</a></td>
|
||||
<td><a href="reference/box-shadow-outset-spread-without-border-radius.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-shadow
|
||||
|
|
@ -126,9 +126,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-outset-without-border-radius-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-outset-without-border-radius.xht">box-shadow-outset-without-border-radius</a></strong></td>
|
||||
<tr id="box-shadow-outset-without-border-radius-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-outset-without-border-radius.xht">box-shadow-outset-without-border-radius</a></td>
|
||||
<td><a href="reference/box-shadow-outset-without-border-radius.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>box-shadow
|
||||
|
|
@ -137,9 +137,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="box-shadow-syntax-001-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-syntax-001.xht">box-shadow-syntax-001</a></strong></td>
|
||||
<tr id="box-shadow-syntax-001-7.1" class="">
|
||||
<td>
|
||||
<a href="box-shadow-syntax-001.xht">box-shadow-syntax-001</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Box Shadow Syntax: Reordering Components
|
||||
|
|
@ -148,9 +148,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-box-shadow-001-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-box-shadow-001.xht">css-box-shadow-001</a></strong></td>
|
||||
<tr id="css-box-shadow-001-7.1" class="">
|
||||
<td>
|
||||
<a href="css-box-shadow-001.xht">css-box-shadow-001</a></td>
|
||||
<td><a href="reference/css-box-shadow-ref-001.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS box-shadow Test
|
||||
|
|
@ -205,7 +205,7 @@
|
|||
<tbody id="s7.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#shadow-shape">7.1.1 Shadow Shape, Spread, and Knockout</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#shadow-shape">7.1.1 Shadow Shape, Spread, and Knockout</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1.1.#box-shadow-samples">
|
||||
|
|
@ -214,13 +214,13 @@
|
|||
<tbody id="s7.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#shadow-blur">7.1.2 Blurring Shadow Edges</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#shadow-blur">7.1.2 Blurring Shadow Edges</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s7.1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#shadow-layers">7.1.3 Layering, Layout, and Other Details</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#shadow-layers">7.1.3 Layering, Layout, and Other Details</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#definitions">8 Definitions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#definitions">8 Definitions</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#glossary">8.1 Glossary</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#glossary">8.1 Glossary</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1.#document">
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
<tbody id="s8.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#conformance">8.2 Conformance</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#conformance">8.2 Conformance</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.2.#authoring-tool">
|
||||
|
|
@ -69,31 +69,31 @@
|
|||
<tbody id="s8.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#levels">8.3 Levels</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#levels">8.3 Levels</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#level-1">8.3.1 Level 1</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#level-1">8.3.1 Level 1</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#level-2">8.3.2 Level 2</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#level-2">8.3.2 Level 2</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.3.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#level-3">8.3.3 Level 3</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#level-3">8.3.3 Level 3</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#exit">8.4 CR Exit Criteria</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#exit">8.4 CR Exit Criteria</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,43 +30,43 @@
|
|||
<tbody id="s9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes">9 Changes</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes">9 Changes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2014-07">9.1 Changes since the 4 February 2014 Last Call Working Draft</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2014-07">9.1 Changes since the 4 February 2014 Last Call Working Draft</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2012-07">9.2 Changes since the 24 July 2012 Candidate Recommendation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2012-07">9.2 Changes since the 24 July 2012 Candidate Recommendation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2012-04">9.3 Changes since the 17 April 2012 Candidate Recommendation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2012-04">9.3 Changes since the 17 April 2012 Candidate Recommendation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2012LC">9.4 Changes since the 14 February 2012 “Last Call” Working Draft</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2012LC">9.4 Changes since the 14 February 2012 “Last Call” Working Draft</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2011">9.5 Changes Since the 15 February 2011 Candidate Recommendation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2011">9.5 Changes Since the 15 February 2011 Candidate Recommendation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#changes-2009">9.6 Changes Since the 17 December 2009 Candidate Recommendation</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css3-background/#changes-2009">9.6 Changes Since the 17 December 2009 Candidate Recommendation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
<!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;
|
||||
|
|
@ -13,9 +11,7 @@
|
|||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
@ -24,14 +20,9 @@
|
|||
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>
|
||||
|
|
@ -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
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 203 B |
|
|
@ -1,47 +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 Transforms Test: transform property with translate function</title>
|
||||
<link href="mailto:77765477@163.com" rel="author" title="zhenyu_w3c" />
|
||||
<style type="text/css">
|
||||
table{
|
||||
font-size:12px;
|
||||
}
|
||||
th{
|
||||
height:80px;
|
||||
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../support/table-head.jpg',sizingMethod='scale'); background-repeat: repeat-x;*/
|
||||
background:url(../support/table-head.jpg) repeat-x;
|
||||
border-width:0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if you didn't see the img repeat on the Y direction (note: the size of img is 1px weight and 80px height and with blue and red colors) </p>
|
||||
|
||||
<table>
|
||||
<tbody><tr>
|
||||
<th>
|
||||
first
|
||||
</th>
|
||||
<th>
|
||||
second
|
||||
</th>
|
||||
<th>
|
||||
third
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
1
|
||||
</td>
|
||||
<td>
|
||||
2
|
||||
</td>
|
||||
<td>
|
||||
3
|
||||
</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1962,14 +1962,6 @@
|
|||
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="scroll" title="Only valid for continuous media">Scroll</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="ttwf-reftest-background-repeat-x" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="transform property with translate function">
|
||||
<a href="ttwf-reftest-background-repeat-x.xht">ttwf-reftest-background-repeat-x</a></td>
|
||||
<td><a href="reference/ttwf-reftest-background-repeat-x-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="ttwf-reftest-borderradius" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Test Background and border">
|
||||
|
|
|
|||
|
|
@ -241,5 +241,4 @@ css3-border-image-source.xht == reference/css3-border-image-source-ref.xht
|
|||
css3-box-shadow.xht == reference/css3-box-shadow-ref.xht
|
||||
diagonal-percentage-vector-background.xht == reference/diagonal-percentage-vector-background-ref.xht
|
||||
scroll-positioned-multiple-background-images.xht == reference/60x60-green-background.xht
|
||||
ttwf-reftest-background-repeat-x.xht == reference/ttwf-reftest-background-repeat-x-ref.xht
|
||||
ttwf-reftest-borderRadius.xht == reference/ttwf-reftest-borderRadius-ref.xht
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 203 B |
|
|
@ -32,7 +32,7 @@
|
|||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
Backgrounds</a></th>
|
||||
<td>(382 Tests)</td></tr>
|
||||
<td>(381 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
|
|
|
|||
|
|
@ -1,76 +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 Transforms Test: transform property with translate function</title>
|
||||
<link href="mailto:77765477@163.com" rel="author" title="zhenyu_w3c" />
|
||||
<link href="http://www.w3.org/TR/css3-background/#the-background-repeat" rel="help" />
|
||||
<link href="reference/ttwf-reftest-background-repeat-x-ref.xht" rel="match" />
|
||||
<meta content="You should only see the img with two color render on the X directions." name="assert" />
|
||||
<style type="text/css">
|
||||
table{
|
||||
font-size:12px;
|
||||
}
|
||||
th{
|
||||
height:160px;
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='support/table-head.jpg',sizingMethod='scale'); background-repeat: repeat-x;
|
||||
/*background:url(support/table-head.jpg) repeat-x;*/
|
||||
border-width:0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script>
|
||||
var filter=true;
|
||||
var obj_array=document.getElementsByTagName("th");
|
||||
|
||||
|
||||
function switch_filter(){
|
||||
if(filter){
|
||||
for(i=0;i<obj_array.length;i++){
|
||||
obj_array[i].style.filter="";
|
||||
obj_array[i].style.background="url(support/table-head.jpg) repeat-x";
|
||||
}
|
||||
var button=document.getElementById("switch-button");
|
||||
button.value="has use the pure repeat-x.click here to cancel repeat-x,to use filter!!!";
|
||||
filter=false;
|
||||
}
|
||||
else{
|
||||
for(i=0;i<obj_array.length;i++){
|
||||
obj_array[i].style.background="";
|
||||
obj_array[i].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='support/table-head.jpg',sizingMethod='scale'); background-repeat: repeat-x";
|
||||
}
|
||||
var button=document.getElementById("switch-button");
|
||||
button.value="has used the filter.click here to cancel filter,to use pure repeat-x!!!";
|
||||
filter=true;
|
||||
}
|
||||
}
|
||||
</script></head>
|
||||
|
||||
<body>
|
||||
<p>The test passes if you see the img repeat on the X direction (not repeat on the Y direction) </p>
|
||||
<div><input type="button" value="has used the filter.click here to cancel filter,to use pure repeat-x!!!" onclick="switch_filter()" id="switch-button" /></div>
|
||||
<table>
|
||||
<tbody><tr>
|
||||
<th>
|
||||
first
|
||||
</th>
|
||||
<th>
|
||||
second
|
||||
</th>
|
||||
<th>
|
||||
third
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
1
|
||||
</td>
|
||||
<td>
|
||||
2
|
||||
</td>
|
||||
<td>
|
||||
3
|
||||
</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
|
||||
|
||||
</body></html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue