gecko/layout/reftests/box-properties/outline-radius-percent-1.html

28 lines
1013 B
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<style>
div {
outline-width: 10px; outline-style: solid;
width: 400px; height: 50px;
margin: 20px 0;
border-style: solid; border-color: transparent; border-width: 0;
padding: 0;
}
</style>
</head>
<body>
<div style="-moz-outline-radius: 5%;"></div>
<div style="-moz-outline-radius: 10%;"></div>
<div style="-moz-outline-radius: 20%;"></div>
<div style="padding: 0 100px; -moz-outline-radius: 10%;"></div>
<div style="padding: 0 100px 0 0; -moz-outline-radius: 10%;"></div>
<div style="padding: 0 0 0 100px; -moz-outline-radius: 10%;"></div>
<div style="border-width: 0 100px; -moz-outline-radius: 10%;"></div>
<div style="border-width: 0 100px 0 0; -moz-outline-radius: 10%;"></div>
<div style="border-width: 0 0 0 100px; -moz-outline-radius: 10%;"></div>
<div style="border-width: 0 100px; padding: 0 100px;
-moz-outline-radius: 10%;"></div>
</body>
</html>