layout/reftests/border-image/multicolor-image-2-ref.html

   1 <!DOCTYPE html>
   2 <html lang="en-US">
   3 <head>
   4   <title>test of border-image</title>
   5   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   6   <meta http-equiv="Content-Style-Type" content="text/css">
   7   <style type="text/css">
   8
   9   table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
  10   td { padding: 0; }
  11   table { margin-bottom: 2px; }
  12
  13   </style>
  14 </head>
  15 <body>
  16
  17 <table>
  18   <col style="width: 11px">
  19   <col style="width: 9px">
  20   <col style="width: 6px">
  21   <tr style="height: 4px">
  22     <td style="background: #93bd5d"></td>
  23     <td style="background: #b55dbd"></td>
  24     <td style="background: #8d4921"></td>
  25   </tr>
  26   <tr style="height: 1px">
  27     <td style="background: #21a02c"></td>
  28     <td style="background: #4a298e"></td>
  29     <td style="background: #ef9b23"></td>
  30   </tr>
  31   <tr style="height: 8px">
  32     <td style="background: #9b733a"></td>
  33     <td style="background: #f155ad"></td>
  34     <td style="background: #adf3eb"></td>
  35   </tr>
  36 </table>
  37
  38 <table>
  39   <col style="width: 4px">
  40   <col style="width: 2px">
  41   <col style="width: 1px">
  42   <tr style="height: 3px">
  43     <td style="background: #93bd5d"></td>
  44     <td style="background: #b55dbd"></td>
  45     <td style="background: #8d4921"></td>
  46   </tr>
  47   <tr style="height: 17px">
  48     <td style="background: #21a02c"></td>
  49     <td style="background: #4a298e"></td>
  50     <td style="background: #ef9b23"></td>
  51   </tr>
  52   <tr style="height: 0px">
  53     <td style="background: #9b733a"></td>
  54     <td style="background: #f155ad"></td>
  55     <td style="background: #adf3eb"></td>
  56   </tr>
  57 </table>
  58
  59 <table>
  60   <col style="width: 3px">
  61   <col style="width: 17px">
  62   <col style="width: 2px">
  63   <tr style="height: 10px">
  64     <td style="background: #93bd5d"></td>
  65     <td style="background: #b55dbd"></td>
  66     <td style="background: #8d4921"></td>
  67   </tr>
  68   <tr style="height: 8px">
  69     <td style="background: #21a02c"></td>
  70     <td style="background: #4a298e"></td>
  71     <td style="background: #ef9b23"></td>
  72   </tr>
  73   <tr style="height: 5px">
  74     <td style="background: #9b733a"></td>
  75     <td style="background: #f155ad"></td>
  76     <td style="background: #adf3eb"></td>
  77   </tr>
  78 </table>
  79
  80 <table>
  81   <col style="width: 0px">
  82   <col style="width: 8px">
  83   <col style="width: 7px">
  84   <tr style="height: 5px">
  85     <td style="background: #93bd5d"></td>
  86     <td style="background: #b55dbd"></td>
  87     <td style="background: #8d4921"></td>
  88   </tr>
  89   <tr style="height: 5px">
  90     <td style="background: #21a02c"></td>
  91     <td style="background: #4a298e"></td>
  92     <td style="background: #ef9b23"></td>
  93   </tr>
  94   <tr style="height: 1px">
  95     <td style="background: #9b733a"></td>
  96     <td style="background: #f155ad"></td>
  97     <td style="background: #adf3eb"></td>
  98   </tr>
  99 </table>
 100
 101 <table>
 102   <col style="width: 2px">
 103   <col style="width: 0px">
 104   <col style="width: 8px">
 105   <tr style="height: 4px">
 106     <td style="background: #93bd5d"></td>
 107     <td style="background: #b55dbd"></td>
 108     <td style="background: #8d4921"></td>
 109   </tr>
 110   <tr style="height: 8px">
 111     <td style="background: #21a02c"></td>
 112     <td style="background: #4a298e"></td>
 113     <td style="background: #ef9b23"></td>
 114   </tr>
 115   <tr style="height: 10px">
 116     <td style="background: #9b733a"></td>
 117     <td style="background: #f155ad"></td>
 118     <td style="background: #adf3eb"></td>
 119   </tr>
 120 </table>
 121
 122 <table>
 123   <col style="width: 2px">
 124   <col style="width: 17px">
 125   <col style="width: 0px">
 126   <tr style="height: 4px">
 127     <td style="background: #93bd5d"></td>
 128     <td style="background: #b55dbd"></td>
 129     <td style="background: #8d4921"></td>
 130   </tr>
 131   <tr style="height: 0px">
 132     <td style="background: #21a02c"></td>
 133     <td style="background: #4a298e"></td>
 134     <td style="background: #ef9b23"></td>
 135   </tr>
 136   <tr style="height: 10px">
 137     <td style="background: #9b733a"></td>
 138     <td style="background: #f155ad"></td>
 139     <td style="background: #adf3eb"></td>
 140   </tr>
 141 </table>
 142
 143 <table>
 144   <col style="width: 0px">
 145   <col style="width: 17px">
 146   <col style="width: 3px">
 147   <tr style="height: 1px">
 148     <td style="background: #93bd5d"></td>
 149     <td style="background: #b55dbd"></td>
 150     <td style="background: #8d4921"></td>
 151   </tr>
 152   <tr style="height: 0px">
 153     <td style="background: #21a02c"></td>
 154     <td style="background: #4a298e"></td>
 155     <td style="background: #ef9b23"></td>
 156   </tr>
 157   <tr style="height: 0px">
 158     <td style="background: #9b733a"></td>
 159     <td style="background: #f155ad"></td>
 160     <td style="background: #adf3eb"></td>
 161   </tr>
 162 </table>
 163
 164 </body>
 165 </html>