Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

45 lines (42 sloc) 1.625 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' property with two values</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="If bottom-right radius is omitted
in the 'border-radius' property then the bottom-right radius is the same
as the top-left radius.">
<style type="text/css">
html { -pie-load-path: "../../build"; }
div
{
behavior: url(../../build/PIE.htc);
width: 2in;
height: 2in;
border: 0.2in solid red;
}
#reference
{
border-top-left-radius : 10px;
border-top-right-radius : 50px;
border-bottom-right-radius : 10px;
border-bottom-left-radius : 50px;
}
#test
{
border-radius: 10px 50px;
border-color: green;
position: relative;
top: -2.4in;
}
</style>
</head><body>
<p>Test passes if the box has rounded corners and there is no
red visible on the page.</p>
<div id="reference"></div>
<div id="test"></div>
</body></html>
Jump to Line
Something went wrong with that request. Please try again.