<!DOCTYPE HTML>
<html><head>
    <title>Testcase for outline:auto</title>
    <style type="text/css">

        html,body {
            color:black; background-color:white; padding:10px; margin:0;
        }

	div { outline:auto; width:200px; margin:20px; height:20px; background:black; }
        .b div { border:solid blue; border-width: 1px 3px 5px 7px; }
    </style>
</head>
<body>

<div style="outline-width:0; outline-offset:0;"></div>
<div style="outline-width:0; outline-offset:5px;"></div>
<div style="outline-width:0; outline-offset:-5px;"></div>
<div style="outline-width:5px; outline-offset:1px;"></div>
<div style="outline-width:5px; outline-offset:-1px;"></div>
<div style="outline-width:1px; outline-offset:0;"></div>
<div style="outline-width:1px; outline-offset:5px;"></div>
<div style="outline-width:1px; outline-offset:-5px;"></div>

</body>
</html>