outline-auto-001.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<title>Testcase for outline:auto</title>

<style>

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>

<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:1px; outline-offset:0;"></div>

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

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