Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

71 lines (68 sloc) 2.516 kB
<!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=ISO-8859-1">
<title>CSS Test: 'Border-radius' shorthand is used to set all
four 'border-[*]-radius' properties.</title>
<link rel="author" title="Microsoft"
href="http://www.microsoft.com/">
<link rel="help"
href="http://www.w3.org/TR/css3-background/#border-radius">
<meta name="flags" content="">
<meta name="assert" content="'Border-radius' shorthand sets all
four 'border-[*]-radius' properties.">
<style type="text/css">
html { -pie-load-path: "../../build"; }
div
{
width: 200px;
height: 200px;
}
#reference1
{
behavior: url(../../build/PIE.htc);
border: 10px solid red;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
}
#test1
{
behavior: url(../../build/PIE.htc);
position: relative;
top: -220px;
border: 10px solid black;
border-radius : 40px;
}
#reference2
{
behavior: url(../../build/PIE.htc);
border: 10px solid red;
border-top-left-radius: 2em 0.5em;
border-top-right-radius: 1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius: 1em 3em;
}
#test2
{
behavior: url(../../build/PIE.htc);
position: relative;
top: -220px;
border: 10px solid black;
border-radius: 2em 1em 4em / 0.5em 3em;
}
</style>
</head><body>
<p>Test passes if there are two black boxes with rounded corners
and red is not visible on the page.</p>
<table>
<tbody><tr><td>
<div id="reference1"></div>
<div id="test1"></div>
</td>
<td>
<div id="reference2"></div>
<div id="test2"></div>
</td>
</tr></tbody></table>
</body></html>
Jump to Line
Something went wrong with that request. Please try again.