subpixel-position-center.tentative.html (1102B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Backgrounds: Subpixel position center is centered</title> 5 <link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> 6 <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#background-position"> 7 <link rel="match" href="reference/subpixel-position-center-ref.tentative.html"> 8 <style> 9 .first{ 10 outline: 2px solid green; 11 background-image: url("../../css-images/support/swatch-red.png"); 12 background-repeat: no-repeat; 13 background-position: center center; 14 background-size: 38.5px 35px; 15 position: absolute; 16 width: 87.5px; 17 height: 87.5px; 18 left: 43.75px; 19 top: 43.75px; 20 } 21 .second { 22 background-image: url("../resources/green-100.png"); 23 background-repeat: no-repeat; 24 background-position: center center; 25 background-size: 38.5px 35px; 26 position: absolute; 27 width: 140px; 28 height: 140px; 29 left: 17.5px; 30 top: 17.5px; 31 } 32 </style> 33 </head> 34 <body> 35 <div class="first"></div> 36 <div class="second"></div> 37 </body> 38 </html>