1 <!DOCTYPE html>
2 <html lang="en"><head><meta charset="utf-8">
3 <title>CSS-UI test: connected outline parts</title>
4 <link href="http://florian.rivoal.net" rel="author" title="Florian Rivoal">
5 <meta content="ahem should" name="flags">
6 <meta content="Each part of the outline should be fully connected rather than open on some sides" 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 span {
11 outline: solid green 10px;
12 color: green;
13 }
14 div {
15 box-sizing: border-box;
16 width: 100px;
17 height: 100px;
18 padding: 10px;
19 line-height: 40px;
20 font-size: 40px;
21 background: red;
22 font-family: ahem;
23 }
24 </style>
25
26 </head><body><p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
27 <div><span>xx<br>xx</span></div>
28
29 </body></html>