outline-auto-width-001.html (1075B)
1 <!doctype html> 2 <html lang=en> 3 <meta charset=utf-8> 4 <title>CSS-UI test: Outline width and auto style</title> 5 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 6 <meta name=flags content=""> 7 <meta name=assert content="outline-width is ignored when outline-style is auto"> 8 <link rel=help href="https://drafts.csswg.org/css-ui-4/#outline-style"> 9 <link rel="match" href="reference/outline-auto-width-001-ref.html"> 10 <link rel="match" href="reference/outline-auto-width-001-b-ref.html"><!-- Allowing 'outline-style: auto' to behave the same as 'solid'--> 11 <style> 12 div { 13 outline-style: auto; 14 outline-width: 1em; 15 width: 100px; 16 height: 100px; 17 margin: 2em; 18 } 19 div + div { 20 outline-width: 0; 21 } 22 hr ~ div { 23 outline-style: solid; 24 } 25 </style> 26 27 <p>Test passes if either: 28 <ul> 29 <li>there are three boxes below, two above the horizontal line and one below, and the two boxes above the line are identical 30 <li>there are two identical boxes below, one above the horizontal line and one below 31 </ul> 32 33 <div></div> 34 <div></div> 35 <hr> 36 <div></div>