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