<!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>