origin-content-box.html (870B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>CSS Backgrounds Test: background-origin:content-box</title> 5 <link rel="author" title="finscn" href="mailto:finscn@gmail.com" > 6 <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-origin" > 7 <meta name="flags" content=""> 8 <link rel="match" href="../reference/origin-content-box-ref.html"> 9 10 <meta charset="utf-8"> 11 12 13 <style type="text/css"> 14 15 div { 16 border : 16px solid rgba(60,150,255,0.4); 17 width : 450px; 18 height : 224px; 19 padding : 16px; 20 margin-top : 8px; 21 background-image : url("support/yellow-orange-blue-160x160.png"); 22 background-origin : content-box; 23 } 24 25 .no-repeat { 26 background-repeat : no-repeat; 27 } 28 29 .repeat { 30 background-repeat : repeat; 31 } 32 33 </style> 34 35 </head> 36 <body> 37 38 <div class="no-repeat"></div> 39 40 <div class="repeat"></div> 41 42 </body> 43 44 </html>