blob: 26d7f29a3df24d59213269f9f843d91d7b67cd8c [file] [log] [blame]
<html>
<head>
<style type="text/css" media="screen">
div {
margin: 20px;
}
#specbox1 {
width: 200px;
height: 40px;
border: 20px solid black;
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 80px;
-webkit-border-bottom-left-radius: 80px;
-webkit-border-bottom-right-radius: 30px;
}
#specbox2 {
width: 40px;
height: 200px;
border: 20px solid black;
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 80px;
-webkit-border-bottom-left-radius: 80px;
-webkit-border-bottom-right-radius: 30px;
}
</style>
</head>
<body>
<p>Test that corner-radii are constrained according to the CSS3 rules.</p>
<div id="specbox1"></div>
<div id="specbox2"></div>
</body>
</html>