layout/reftests/backgrounds/background-size-cover-slice.html

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