background-repeat-1.html (734B)
1 <!DOCTYPE html> 2 <html> 3 <!-- 4 spec: http://dev.w3.org/csswg/css3-background/#the-background-repeat 5 --> 6 <head> 7 <title>background-repeat single value mapping</title> 8 <style> 9 div 10 { 11 width: 128px; 12 height: 128px; 13 background-image: url(aqua-yellow-32x32.png); 14 border: 1px solid black; 15 } 16 #no_repeat 17 { 18 background-repeat: no-repeat no-repeat; /* no-repeat */ 19 } 20 #repeat 21 { 22 background-repeat: repeat repeat; /* repeat */ 23 } 24 #repeat_x 25 { 26 background-repeat: repeat no-repeat; /* repeat-x */ 27 } 28 #repeat_y 29 { 30 background-repeat: no-repeat repeat; /* repeat-y */ 31 } 32 </style> 33 </head> 34 <body> 35 <div id="no_repeat"></div> 36 <div id="repeat"></div> 37 <div id="repeat_x"></div> 38 <div id="repeat_y"></div> 39 </body> 40 </html>