subpixel-borders-with-child-border-box-sizing-ref.html (804B)
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 <head> 5 <style> 6 .outer { 7 border: solid 1px black; 8 background: red; 9 width: 101px; 10 height: 101px; 11 margin: 5px; 12 padding: 0px; 13 box-sizing: border-box; 14 } 15 .inner { 16 background: lightgreen; 17 box-sizing: border-box; 18 padding: 0px; 19 } 20 #inner1 { 21 width: 99px; 22 height: 99px; 23 } 24 #inner2 { 25 width: 100%; 26 height: 100%; 27 } 28 </style> 29 </head> 30 <body> 31 <div class="outer"> 32 <div class="inner" id="inner1"></div> 33 </div> 34 35 <div class="outer"> 36 <div class="inner" id="inner2"></div> 37 </div> 38 </body>