background-size-clone.html (617B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>box-decoration-break: clone</title> 5 <style type="text/css"> 6 @font-face 7 { 8 font-family: Ahem; 9 src: url(../fonts/Ahem.ttf); 10 } 11 12 #outer 13 { 14 border: 1px solid black; 15 width: 10em; 16 } 17 #ahem-lines 18 { 19 font-family: Ahem; 20 font-size: 32px; 21 white-space: pre; 22 background-image: url(blue-8x20-green-8x20.png); 23 background-repeat: no-repeat; 24 box-decoration-break: clone; 25 } 26 </style> 27 </head> 28 <body> 29 <div id="outer"> 30 <span id="ahem-lines"> <!-- EOL --> 31 <!-- mix it up for clone --><!-- EOL --> 32 <!-- EOL --> 33 <!-- EOL --> 34 </span></div> 35 </body> 36 </html>