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

28 lines
1.1 KiB
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: 20px / 2.5px;"></div>
<div style="-moz-outline-radius: 40px / 5px;"></div>
<div style="-moz-outline-radius: 80px / 10px;"></div>
<div style="padding: 0 100px; -moz-outline-radius: 60px / 5px;"></div>
<div style="padding: 0 100px 0 0; -moz-outline-radius: 50px / 5px;"></div>
<div style="padding: 0 0 0 100px; -moz-outline-radius: 50px / 5px;"></div>
<div style="border-width: 0 100px; -moz-outline-radius: 60px / 5px;"></div>
<div style="border-width: 0 100px 0 0; -moz-outline-radius: 50px / 5px;"></div>
<div style="border-width: 0 0 0 100px; -moz-outline-radius: 50px / 5px;"></div>
<div style="border-width: 0 100px; padding: 0 100px;
-moz-outline-radius: 80px / 5px;"></div>
</body>
</html>