outline-auto-width-001-ref.html

Enable keyboard shortcuts

<!doctype html>

<html lang=en>

<meta charset=utf-8>

<title>CSS-UI test reference</title>

<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">

<style>

div {

    outline-style: auto;

    width: 100px;

    height: 100px;

    margin: 2em;

hr + div {

    outline-style: solid;

    outline-width: 1em;

</style>

<p>Test passes if either:

<ul>

    <li>there are three boxes below, two above the horizontal line and one below, and the two boxes above the line are identical

    <li>there are two identical boxes below, one above the horizontal line and one below

</ul>

<div></div>

<div></div>

<hr>

<div></div>