background-size-cover-clone.html (667B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>background-size: cover; 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 background-size: cover; 25 box-decoration-break: clone; 26 } 27 </style> 28 </head> 29 <body> 30 <div id="outer"> 31 <span id="ahem-lines"> <!-- EOL --> 32 <!-- mix it up for clone --><!-- EOL --> 33 <!-- EOL --> 34 <!-- EOL --> 35 </span></div> 36 </body> 37 </html>