outline-012

outline-offset width negative values

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
Negative values on outline-offset must cause the outline to shrink into the border box.

Source

 1 <!DOCTYPE html>
 2 <html lang="en"><head><meta charset="utf-8">
 3   <title>CSS-UI test: outline-offset width negative values</title>
 4   <link href="http://florian.rivoal.net" rel="author" title="Florian Rivoal">
 5   <meta content="" name="flags">
 6   <meta content="Negative values on outline-offset must cause the outline to shrink into the border box." name="assert">
 7   <link href="reference/ref-filled-green-100px-square.htm" rel="match">
 8   <link href="https://drafts.csswg.org/css-ui-3/#outline-props" rel="help">
 9 <style>
10 div {
11   width: 100px;
12   height: 100px;
13   background: red;
14   outline: solid 50px green;
15   outline-offset: -50px;
16 }
17 </style>
18 
19   </head><body><p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
20   <div></div>
21 
22 </body></html>