Update CSS tests to revision d674587d6ae7d2e231d632785559f2613d554eb0
|
@ -1,6 +1,6 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<title>CSS Test: Scrolling when ‘background-attachment: local’</title>
|
||||
<title>CSS Test: Scrolling when 'background-attachment: local'</title>
|
||||
<link href="http://www.microsoft.com/" rel="author" title="Microsoft">
|
||||
<link href="http://www.w3.org/TR/css3-background/#the-background-attachment" rel="help">
|
||||
<meta content="" name="flags">
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<title>CSS Test: Original aspect ratio of image is maintained when ‘background-size: auto’ and ‘background-repeat: round'</title>
|
||||
<title>CSS Test: Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round'</title>
|
||||
<link href="http://www.microsoft.com/" rel="author" title="Microsoft">
|
||||
<link href="http://www.w3.org/TR/css3-background/#the-background-size" rel="help">
|
||||
<meta content="" name="flags">
|
||||
|
|
|
@ -1,32 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<title>CSS Test: Positive value of horizontal offset</title>
|
||||
<link href="http://www.microsoft.com/" rel="author" title="Microsoft">
|
||||
<link href="http://www.w3.org/TR/css3-background/#the-box-shadow" rel="help">
|
||||
<meta content="internal" name="flags">
|
||||
<meta content="A positive value for the horizontal offset of the 'box-shadow' draws a shadow that is offset to the right of the box." name="assert">
|
||||
<style type="text/css">
|
||||
#reference
|
||||
{
|
||||
width: 2in;
|
||||
height: 1in;
|
||||
background: red;
|
||||
border: thin solid black;
|
||||
}
|
||||
div div
|
||||
{
|
||||
width: 1in;
|
||||
height: 1in;
|
||||
border: thin solid black;
|
||||
background: white;
|
||||
box-shadow: black 96px 0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
<div id="reference">
|
||||
<div></div>
|
||||
</div>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test Background: Box-Shadow property</title>
|
||||
<link href="mailto:silverman@adobe.com" rel="author" title="Marc Silverman">
|
||||
<link href="http://www.w3.org/TR/css3-background/#the-box-shadow" rel="help">
|
||||
<link href="reference/box-shadow-001-ref.htm" rel="match">
|
||||
<meta content="Testing simple drop shadow with the box-shadow property" name="assert">
|
||||
<style type="text/css">
|
||||
#shadow-div {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left: 5px;
|
||||
box-shadow: rgba(0,255,0,1) 10px 10px;
|
||||
background-color: #000;
|
||||
width: 144px;
|
||||
height: 144px;
|
||||
}
|
||||
#error {
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
left: 15px;
|
||||
background-color: red;
|
||||
width: 144px;
|
||||
height: 144px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green drop shadow and no red.</p>
|
||||
<div id="error">
|
||||
</div>
|
||||
<div id="shadow-div">
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -832,7 +832,7 @@
|
|||
<a href="background-attachment-local-scrolling.htm">background-attachment-local-scrolling</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Scrolling when &#8216;background-attachment: local&#8217;
|
||||
<td>Scrolling when 'background-attachment: local'
|
||||
<ul class="assert">
|
||||
<li>If 'background-attachment: local' the background scrolls along with the element's contents (the UA may treat 'background-clip: border-box' as the same as 'background-clip: padding-box').</li>
|
||||
</ul>
|
||||
|
@ -1992,7 +1992,7 @@
|
|||
<a href="background-size-aspect-ratio.htm">background-size-aspect-ratio</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Original aspect ratio of image is maintained when &#8216;background-size: auto&#8217; and &#8216;background-repeat: round'
|
||||
<td>Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round'
|
||||
<ul class="assert">
|
||||
<li>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.</li>
|
||||
</ul>
|
||||
|
|
|
@ -38,14 +38,14 @@
|
|||
<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>
|
||||
<!-- 10 tests -->
|
||||
<tr id="box-shadow-001-7.1" class="primary internal">
|
||||
<tr id="box-shadow-001-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="box-shadow-001.htm">box-shadow-001</a></strong></td>
|
||||
<td><a href="reference/box-shadow-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td><abbr class="internal" title=""></abbr></td>
|
||||
<td>Positive value of horizontal offset
|
||||
<td>Box-Shadow property
|
||||
<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>
|
||||
<li>Testing simple drop shadow with the box-shadow property</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test Background: Box-Shadow property</title>
|
||||
<link href="mailto:silverman@adobe.com" rel="author" title="Marc Silverman">
|
||||
<style type="text/css">
|
||||
#box-div {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left: 5px;
|
||||
background-color:#000;
|
||||
width: 144px;
|
||||
height: 144px;
|
||||
}
|
||||
#shadow-div {
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
left: 15px;
|
||||
background-color:#00ff00;
|
||||
width: 144px;
|
||||
height: 144px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green drop shadow and no red.</p>
|
||||
<div id="shadow-div">
|
||||
</div>
|
||||
<div id="box-div">
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
Before Width: | Height: | Size: 222 B After Width: | Height: | Size: 222 B |
Before Width: | Height: | Size: 222 B After Width: | Height: | Size: 223 B |
|
@ -1736,6 +1736,14 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="box-shadow-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Box-Shadow property">
|
||||
<a href="box-shadow-001.htm">box-shadow-001</a></td>
|
||||
<td><a href="reference/box-shadow-001-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="box-shadow-inset-spread-without-border-radius" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="box-shadow">
|
||||
|
|
|
@ -213,6 +213,7 @@ border-top-right-radius-009.htm == border-top-right-radius-007.htm
|
|||
border-top-right-radius-010.htm == reference/border-radius-001-ref.htm
|
||||
border-top-right-radius-011.htm == reference/border-radius-001-ref.htm
|
||||
border-top-right-radius-014.htm == reference/border-radius-001-ref.htm
|
||||
box-shadow-001.htm == reference/box-shadow-001-ref.htm
|
||||
box-shadow-inset-spread-without-border-radius.htm == reference/box-shadow-inset-spread-without-border-radius.htm
|
||||
box-shadow-inset-without-border-radius.htm == reference/box-shadow-inset-without-border-radius.htm
|
||||
box-shadow-outset-spread-without-border-radius.htm == reference/box-shadow-outset-spread-without-border-radius.htm
|
||||
|
|
Before Width: | Height: | Size: 222 B After Width: | Height: | Size: 222 B |
Before Width: | Height: | Size: 222 B After Width: | Height: | Size: 223 B |