outline-008.html (1183B)
1 <!doctype html> 2 <html lang=en> 3 <meta charset=utf-8> 4 <title>CSS-UI test: computed values ouf outline-width</title> 5 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net"> 6 <meta name=flags content=""> 7 <meta name=assert content="outline-width values compute to absolute lengths"> 8 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 9 <link rel=help href="https://drafts.csswg.org/css-ui-3/#outline-props"> 10 <style> 11 body > div { 12 width: 100px; 13 height: 100px; 14 background: red; 15 16 font-size: 10px; 17 18 /* stacking of outlines is undefined, so we cannot reliably to have an outline hide another outline. 19 We are using a border instead, 20 but still need to create an (invisible) outline to make sure that outline-width does not compute to 0. */ 21 outline: solid 1em transparent; 22 border: solid 1em red; 23 margin-left: -10px; 24 margin-top: -10px; 25 26 } 27 div > div { 28 width: 100px; 29 height: 100px; 30 background: green; 31 32 font-size: 5px; 33 outline-width: inherit; 34 outline-style: solid; 35 outline-color: white; 36 } 37 </style> 38 39 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 40 <div><div></div></div>