element-paint-paintserversize-rounding-02.html (1180B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/licenses/publicdomain/ 4 --> 5 <!DOCTYPE html> 6 <html> 7 <head> 8 <style> 9 body > div { 10 width: 200px; 11 height: 200px; 12 float: left; 13 background-repeat: repeat; 14 } 15 16 div > div { 17 background: lime; 18 } 19 20 </style> 21 </head> 22 <body style="margin:0"> 23 <div style="background-image: -moz-element(#eInteger)"></div> 24 <div style="background-image: -moz-element(#eRoundUp1)"></div> 25 <div style="background-image: -moz-element(#eRoundUp2); background-size: 100.3px;"></div> 26 <div style="background-image: -moz-element(#eRoundDown1)"></div> 27 <div style="background-image: -moz-element(#eRoundDown2); background-size: 99.6px;"></div> 28 29 <div style="overflow:hidden; height:0"> 30 <div id="eInteger" style="margin: 0.3px; width: 100px; height: 100px;"></div> 31 <div id="eRoundUp1" style="margin: 0.3px; width: 99.6px; height: 99.6px;"></div> 32 <div id="eRoundUp2" style="margin: 0.6px; width: 99.6px; height: 99.6px;"></div> 33 <div id="eRoundDown1" style="margin: 0.3px; width: 100.3px; height: 100.3px;"></div> 34 <div id="eRoundDown2" style="margin: 0.6px; width: 100.3px; height: 100.3px;"></div> 35 </div> 36 </body> 37 </html>