mirror of
https://github.com/servo/servo.git
synced 2025-06-21 07:38:59 +01:00
229 lines
No EOL
8.1 KiB
HTML
229 lines
No EOL
8.1 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>Miscellaneous Effects - CSS Backgrounds and Borders Module Level 3 CR Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
|
|
<h2>Miscellaneous Effects (11 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column">
|
|
<col id="refs-column">
|
|
<col id="flags-column">
|
|
<col id="info-column">
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th><abbr title="Rendering References">Refs</abbr></th>
|
|
<th>Flags</th>
|
|
<th>Info</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="s7">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7">+</a>
|
|
<a href="http://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>
|
|
<!-- 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>
|
|
<td></td>
|
|
<td><abbr class="internal" title=""></abbr></td>
|
|
<td>Positive value of horizontal offset
|
|
<ul class="assert">
|
|
<li>A positive value for the horizontal offset of the 'box-shadow' draws a shadow that is offset to the right of the box.</li>
|
|
</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>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Positive values for spread distance
|
|
<ul class="assert">
|
|
<li>Positive values of the spread distance cause the shadow to grow in all directions by the specified distance.</li>
|
|
</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>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Negative value for blur radius
|
|
<ul class="assert">
|
|
<li>Negative values for the blur radius of the 'box-shadow' are not allowed.</li>
|
|
</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>
|
|
<td><a href="reference/box-shadow-005-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Box-Shadow property
|
|
<ul class="assert">
|
|
<li>Testing simple drop shadow with the box-shadow property</li>
|
|
</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>
|
|
<td></td>
|
|
<td></td>
|
|
<td>blur computation for box-shadow
|
|
<ul class="assert">
|
|
<li>the resulting shadow must approximate (with each pixel being within 5% of its expected value) the image that would be generated by applying to the shadow a Gaussian blur with a standard deviation equal to half the blur radius</li>
|
|
</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>
|
|
<td><a href="reference/box-shadow-inset-spread-without-border-radius.htm">=</a> </td>
|
|
<td></td>
|
|
<td>box-shadow
|
|
<ul class="assert">
|
|
<li>inset spread box-shadow should show shadow.</li>
|
|
</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>
|
|
<td><a href="reference/box-shadow-inset-without-border-radius.htm">=</a> </td>
|
|
<td></td>
|
|
<td>box-shadow
|
|
<ul class="assert">
|
|
<li>inset box-shadow should show shadow.</li>
|
|
</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>
|
|
<td><a href="reference/box-shadow-outset-spread-without-border-radius.htm">=</a> </td>
|
|
<td></td>
|
|
<td>box-shadow
|
|
<ul class="assert">
|
|
<li>outset spread box-shadow should show shadow.</li>
|
|
</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>
|
|
<td><a href="reference/box-shadow-outset-without-border-radius.htm">=</a> </td>
|
|
<td></td>
|
|
<td>box-shadow
|
|
<ul class="assert">
|
|
<li>box-shadow should show shadow.</li>
|
|
</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>
|
|
<td></td>
|
|
<td></td>
|
|
<td>Box Shadow Syntax: Reordering Components
|
|
<ul class="assert">
|
|
<li>Box shadow color, inset, and length parameters can be mixed in any order, but lengths must stay adjacent.</li>
|
|
</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>
|
|
<td><a href="reference/css-box-shadow-ref-001.htm">=</a> </td>
|
|
<td></td>
|
|
<td>CSS box-shadow Test
|
|
<ul class="assert">
|
|
<li></li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.1.#blur-radius">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#box-shadow">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#horizontal-offset">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#inner-box-shadow">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#ltshadowgt">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#outer-box-shadow">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#shadow-blur-radius">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#shadow-color">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#shadow-inset">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#shadow-offset-x">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#shadow-offset-y">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#shadow-spread-distance">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#spread-distance">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#vertical-offset">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<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>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.1.#box-shadow-samples">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<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>
|
|
<!-- 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>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |