<!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; } .a { outline:auto; width:190px; height:10px; background:black; } .w { border:solid black; border-width:5px; margin:20px; width:190px; } </style> </head> <body> <div class="w"><div class="a" style="outline-width:10px; outline-offset:5px;"></div></div> <div class="w"><div class="a" style="outline-width:10px; outline-offset:10px;"></div></div> <div class="w"><div class="a" style="outline-width:10px; outline-offset:0px;"></div></div> <div class="w"><div class="a" style="outline-width:15px; outline-offset:6px;"></div></div> <div class="w"><div class="a" style="outline-width:15px; outline-offset:4px;"></div></div> <div class="w"><div class="a" style="outline-width:11px; outline-offset:5px;"></div></div> <div class="w"><div class="a" style="outline-width:11px; outline-offset:10px;"></div></div> <div class="w"><div class="a" style="outline-width:11px; outline-offset:0px;"></div></div> </body> </html>