subpixel-borders-with-child.html (887B)
1 <!DOCTYPE html> 2 <link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> 3 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-width"> 4 <link rel="match" href="reference/subpixel-borders-with-child-ref.html"> 5 <meta name="assert" content="Sub-pixel borders should always appear, and not be 6 overdrawn by child content." /> 7 <head> 8 <style> 9 .outer { 10 border: solid .5px black; 11 background: red; 12 width: 100px; 13 height: 100px; 14 margin: 5px; 15 } 16 .inner { 17 background: lightgreen 18 } 19 #inner1 { 20 width: 100px; 21 height: 100px; 22 } 23 #inner2 { 24 width: 100%; 25 height: 100%; 26 } 27 </style> 28 </head> 29 <body> 30 <div class="outer"> 31 <div class="inner" id="inner1"></div> 32 </div> 33 34 <div class="outer"> 35 <div class="inner" id="inner2"></div> 36 </div> 37 </body>