mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update CSS tests to revision 939546644b4d333218fd9c2c0f68c60752ff1e95
This commit is contained in:
parent
b26fac3f78
commit
0ad6e78b23
435 changed files with 7534 additions and 3290 deletions
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head>
|
||||
|
||||
<title>CSS Backgrounds and Borders Test: background-repeat: round basic support</title>
|
||||
<link href="http://lea.verou.me" rel="author" title="Lea Verou" />
|
||||
<link href="http://www.w3.org/TR/css3-background/#the-background-repeat" rel="help" />
|
||||
<meta content="image" name="flags" />
|
||||
<meta content="The image is repeated as often as will fit within the background positioning area. If it doesn't fit a whole number of times, it is rescaled so that it does." name="assert" />
|
||||
<style>
|
||||
|
||||
html {
|
||||
background: red url('support/swatch-green.png') no-repeat;
|
||||
background-repeat: round;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is green and <strong>no red</strong>.</p>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -1,25 +1,27 @@
|
|||
<!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"><!-- Submitted from TestTWF Paris --><head>
|
||||
|
||||
<title>CSS Backgrounds and Borders Test: background-repeat: round basic support</title>
|
||||
<link href="http://lea.verou.me" rel="author" title="Lea Verou" />
|
||||
<link href="http://www.w3.org/TR/css3-background/#the-background-repeat" rel="help" />
|
||||
<meta content="image" name="flags" />
|
||||
<meta content="The image is repeated as often as will fit within the background positioning area. If it doesn't fit a whole number of times, it is rescaled so that it does." name="assert" />
|
||||
<style>
|
||||
|
||||
html {
|
||||
background: red url('support/swatch-green.png') no-repeat;
|
||||
background-repeat: round;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is green and <strong>no red</strong>.</p>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: background-repeat:round</title>
|
||||
<link rel="author" title="Jeffrey Carl Faden" href="http://www.jeffreyatw.com/" />
|
||||
<link rel="match" href="reference/background-repeat-round.xht" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
|
||||
<meta name="flags" content="image" />
|
||||
<meta name="assert" content="The 'background-repeat: round' declaration must scale an image in one or more dimensions so it fits a whole number of times in the background positioning area." />
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
div {
|
||||
background-image: url("support/rectangle-96x60.png");
|
||||
background-repeat: round;
|
||||
height: 204px;
|
||||
width: 236px;
|
||||
}
|
||||
]]>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled" /></p>
|
||||
<p>Test passes if the above image repeats in the below rectangle 6 times exactly: 2 columns, 3 rows. The top border of the containing rectangle should be orange, the right border yellow, the bottom border green, and the left border blue.</p>
|
||||
<p>Test fails if the above image repeats in below rectangle more than 6 times, with partial images lining the right and the bottom.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,32 @@
|
|||
<!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 Test: Value of 'auto' is used for y dimension in 'background-size'</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" />
|
||||
<meta content="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." name="assert" />
|
||||
<style type="text/css">
|
||||
.test
|
||||
{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("support/red_color.png");
|
||||
background-size: 50px auto;
|
||||
}
|
||||
.reference
|
||||
{
|
||||
margin-top: -100px;
|
||||
background: black;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
<div class="test"></div>
|
||||
<div class="reference"></div>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,24 @@
|
|||
<!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 Test: The 'border-image-slice' property with four percentage values</title>
|
||||
<link href="http://www.microsoft.com/" rel="author" title="Microsoft" />
|
||||
<link href="http://www.w3.org/TR/css3-background/#the-border-image-slice" rel="help" />
|
||||
<meta content="image" name="flags" />
|
||||
<meta content="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." name="assert" />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: 40px double red;
|
||||
border-image-slice: 40% 15% 20% 5%;
|
||||
border-image-source: url("../support/9grid40-30-20-10-red.png");
|
||||
height: 100px;
|
||||
margin: 50px;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<title>CSS Test: Borders Radius Shorthand. </title>
|
||||
<link href="mailto:arno@arno.org" rel="author" title="Arno" />
|
||||
<link href="http://www.w3.org/TR/css3-background/#the-border-radius" rel="help" />
|
||||
<link href="reference/border-radius-shorthand-002-ref.xht" rel="match" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="The shorthand border radius property can be used to specify all four eliptical corners of a box." name="assert" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
{
|
||||
border-radius: 29px 43px 19px 13px / 5px 11px 23px 17px;
|
||||
|
||||
background: #dddddd;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
}
|
||||
/* ]]> */
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
There should be one box, with four rounded corners, each corner a different radius.
|
||||
</p>
|
||||
<ul>
|
||||
<li>PASS if the box below has four rounded corners.</li>
|
||||
<li>FAIL if the corners are not rounded.</li>
|
||||
</ul>
|
||||
|
||||
<div></div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -1,36 +1,32 @@
|
|||
<!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 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.xht" 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>
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,36 @@
|
|||
<!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 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-005-ref.xht" 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>
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
|
||||
<h2>Backgrounds (383 tests)</h2>
|
||||
<h2>Backgrounds (385 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
@ -271,7 +271,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-background-repeat">3.4 Tiling Images: the ‘background-repeat’ property</a></th></tr>
|
||||
<!-- 22 tests -->
|
||||
<!-- 23 tests -->
|
||||
<tr id="background-003-3.4" class="image">
|
||||
<td>
|
||||
<a href="background-003.xht">background-003</a></td>
|
||||
|
@ -385,11 +385,11 @@
|
|||
<tr id="background-repeat-round-3.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="background-repeat-round.xht">background-repeat-round</a></strong></td>
|
||||
<td></td>
|
||||
<td><a href="reference/background-repeat-round.xht">=</a> </td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>background-repeat: round basic support
|
||||
<td>background-repeat:round
|
||||
<ul class="assert">
|
||||
<li>The image is repeated as often as will fit within the background positioning area. If it doesn't fit a whole number of times, it is rescaled so that it does.</li>
|
||||
<li>The 'background-repeat: round' declaration must scale an image in one or more dimensions so it fits a whole number of times in the background positioning area.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
@ -404,6 +404,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="background-repeat-round-002-3.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="background-repeat-round-002.xht">background-repeat-round-002</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>background-repeat: round basic support
|
||||
<ul class="assert">
|
||||
<li>The image is repeated as often as will fit within the background positioning area. If it doesn't fit a whole number of times, it is rescaled so that it does.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="background-repeat-round-roundup-3.4" class="primary image">
|
||||
<td><strong>
|
||||
<a href="background-repeat-round-roundup.xht">background-repeat-round-roundup</a></strong></td>
|
||||
|
@ -1502,7 +1513,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.9">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-background-size">3.9 Sizing Images: the ‘background-size’ property</a></th></tr>
|
||||
<!-- 262 tests -->
|
||||
<!-- 263 tests -->
|
||||
<tr id="background-intrinsic-001-3.9" class="svg">
|
||||
<td>
|
||||
<a href="background-intrinsic-001.xht">background-intrinsic-001</a></td>
|
||||
|
@ -1635,6 +1646,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="background-size-003-3.9" class="primary">
|
||||
<td><strong>
|
||||
<a href="background-size-003.xht">background-size-003</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Value of 'auto' is used for y dimension in 'background-size'
|
||||
<ul class="assert">
|
||||
<li>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.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="background-size-005-3.9" class="primary image">
|
||||
<td><strong>
|
||||
<a href="background-size-005.xht">background-size-005</a></strong></td>
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
|
||||
<h2>Rounded Corners (108 tests)</h2>
|
||||
<h2>Rounded Corners (109 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
@ -37,7 +37,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-background/#the-border-radius">5.1 Curve Radii: the ‘border-radius’ properties</a></th></tr>
|
||||
<!-- 71 tests -->
|
||||
<!-- 72 tests -->
|
||||
<tr id="border-bottom-left-radius-001-5.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-bottom-left-radius-001.xht">border-bottom-left-radius-001</a></strong></td>
|
||||
|
@ -478,6 +478,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-radius-shorthand-002-5.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-radius-shorthand-002.xht">border-radius-shorthand-002</a></strong></td>
|
||||
<td><a href="reference/border-radius-shorthand-002-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Borders Radius Shorthand.
|
||||
<ul class="assert">
|
||||
<li>The shorthand border radius property can be used to specify all four eliptical corners of a box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-top-left-radius-001-5.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-top-left-radius-001.xht">border-top-left-radius-001</a></strong></td>
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
|
||||
<h2>Border Images (33 tests)</h2>
|
||||
<h2>Border Images (34 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
@ -112,7 +112,7 @@
|
|||
<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>
|
||||
<!-- 4 tests -->
|
||||
<!-- 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>
|
||||
|
@ -146,9 +146,20 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-image-slice-004-6.2" class="primary image">
|
||||
<tr id="border-image-slice-005-6.2" class="primary image">
|
||||
<td><strong>
|
||||
<a href="border-image-slice-004.xht">border-image-slice-004</a></strong></td>
|
||||
<a href="border-image-slice-005.xht">border-image-slice-005</a></strong></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
|
||||
<ul class="assert">
|
||||
<li>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.</li>
|
||||
</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>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>The 'border-image-slice' property with the 'fill' keyword
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
|
||||
<h2>Miscellaneous Effects (10 tests)</h2>
|
||||
<h2>Miscellaneous Effects (11 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
@ -37,15 +37,15 @@
|
|||
<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>
|
||||
<!-- 10 tests -->
|
||||
<tr id="box-shadow-001-7.1" class="primary">
|
||||
<!-- 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>
|
||||
<td><a href="reference/box-shadow-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Box-Shadow property
|
||||
<td><abbr class="internal" title=""></abbr></td>
|
||||
<td>Positive value of horizontal offset
|
||||
<ul class="assert">
|
||||
<li>Testing simple drop shadow with the box-shadow property</li>
|
||||
<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>
|
||||
|
@ -71,6 +71,17 @@
|
|||
</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>
|
||||
<td><a href="reference/box-shadow-005-ref.xht">=</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.xht">box-shadow-blur-definition-001</a></strong></td>
|
||||
|
|
|
@ -0,0 +1,31 @@
|
|||
<!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 Test: Border radius shorthand reference</title>
|
||||
<link href="mailto:arno@arno.org" rel="author" title="arno" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
{
|
||||
border-top-left-radius: 29px 5px;
|
||||
border-top-right-radius: 43px 11px;
|
||||
border-bottom-left-radius: 13px 17px;
|
||||
border-bottom-right-radius: 19px 23px;
|
||||
background: #dddddd;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
}
|
||||
/* ]]> */
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
There should be one box, with four rounded corners, each corner a different radius.
|
||||
</p>
|
||||
<ul>
|
||||
<li>PASS if the box below has four rounded corners.</li>
|
||||
<li>FAIL if the corners are not rounded.</li>
|
||||
</ul>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
|
@ -640,6 +640,14 @@
|
|||
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="background-repeat-round" class="image">
|
||||
<tr>
|
||||
<td rowspan="1" title="background-repeat:round">
|
||||
<a href="background-repeat-round.xht">background-repeat-round</a></td>
|
||||
<td><a href="reference/background-repeat-round.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="background-repeat-round-roundup" class="image">
|
||||
<tr>
|
||||
<td rowspan="1" title="background-repeat:round, rounding up">
|
||||
|
@ -1576,6 +1584,14 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-radius-shorthand-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Borders Radius Shorthand.">
|
||||
<a href="border-radius-shorthand-002.xht">border-radius-shorthand-002</a></td>
|
||||
<td><a href="reference/border-radius-shorthand-002-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-top-left-radius-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Borders. Border-top-left-radius using 0 value">
|
||||
|
@ -1736,11 +1752,11 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="box-shadow-001" class="">
|
||||
<tbody id="box-shadow-005" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Box-Shadow property">
|
||||
<a href="box-shadow-001.xht">box-shadow-001</a></td>
|
||||
<td><a href="reference/box-shadow-001-ref.xht">=</a> </td>
|
||||
<a href="box-shadow-005.xht">box-shadow-005</a></td>
|
||||
<td><a href="reference/box-shadow-005-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
|
|
@ -76,6 +76,7 @@ background-paint-order-001.xht == reference/background-paint-order-001-ref.xht
|
|||
background-repeat-no-repeat.xht == reference/background-repeat-no-repeat.xht
|
||||
background-repeat-repeat-x.xht == reference/background-repeat-repeat-x.xht
|
||||
background-repeat-repeat-y.xht == reference/background-repeat-repeat-y.xht
|
||||
background-repeat-round.xht == reference/background-repeat-round.xht
|
||||
background-repeat-round-roundup.xht == reference/background-repeat-round-roundup.xht
|
||||
background-repeat-space.xht == reference/background-repeat-space.xht
|
||||
background-size-002.xht == reference/background-size-002-ref.xht
|
||||
|
@ -193,6 +194,7 @@ border-radius-010.xht == reference/border-radius-010-ref.xht
|
|||
border-radius-011.xht == reference/border-radius-011-ref.xht
|
||||
border-radius-clipping.xht == reference/border-radius-clipping-ref.xht
|
||||
border-radius-horizontal-value-is-zero.xht == reference/border-radius-horizontal-value-is-zero-ref.xht
|
||||
border-radius-shorthand-002.xht == reference/border-radius-shorthand-002-ref.xht
|
||||
border-top-left-radius-001.xht == reference/border-radius-001-ref.xht
|
||||
border-top-left-radius-003.xht == border-top-left-radius-004.xht
|
||||
border-top-left-radius-004.xht == border-top-left-radius-003.xht
|
||||
|
@ -213,7 +215,7 @@ border-top-right-radius-009.xht == border-top-right-radius-007.xht
|
|||
border-top-right-radius-010.xht == reference/border-radius-001-ref.xht
|
||||
border-top-right-radius-011.xht == reference/border-radius-001-ref.xht
|
||||
border-top-right-radius-014.xht == reference/border-radius-001-ref.xht
|
||||
box-shadow-001.xht == reference/box-shadow-001-ref.xht
|
||||
box-shadow-005.xht == reference/box-shadow-005-ref.xht
|
||||
box-shadow-inset-spread-without-border-radius.xht == reference/box-shadow-inset-spread-without-border-radius.xht
|
||||
box-shadow-inset-without-border-radius.xht == reference/box-shadow-inset-without-border-radius.xht
|
||||
box-shadow-outset-spread-without-border-radius.xht == reference/box-shadow-outset-spread-without-border-radius.xht
|
||||
|
|
|
@ -32,7 +32,7 @@
|
|||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
Backgrounds</a></th>
|
||||
<td>(383 Tests)</td></tr>
|
||||
<td>(385 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
|
@ -42,17 +42,17 @@
|
|||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.xht">Chapter 5 -
|
||||
Rounded Corners</a></th>
|
||||
<td>(108 Tests)</td></tr>
|
||||
<td>(109 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s6">
|
||||
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
||||
Border Images</a></th>
|
||||
<td>(33 Tests)</td></tr>
|
||||
<td>(34 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
||||
Miscellaneous Effects</a></th>
|
||||
<td>(10 Tests)</td></tr>
|
||||
<td>(11 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s8">
|
||||
<tr><th><a href="chapter-8.xht">Chapter 8 -
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue