Content - 0404acf81cff6aa5e7a6860bc67a8eae6192a11a - 9763d42/border-image-style-none-auto-ref.html

border-image-style-none-auto-ref.html

<!DOCTYPE html>
<html lang="en-US">
<head>
  <title>border-image-width: auto with border-bottom: none reference</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <style type="text/css">

  table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
  td { padding: 0; }

  </style>
</head>
<body>
<table>
  <col style="width: 1px">
  <col style="width: 112px"> <!-- 100px + 7px + 7px - 1px - 1px -->
  <col style="width: 1px">

  <tr style="height: 1px">
    <td style="background: #87f0b4"></td>
    <td style="background: #4a298e"></td>
    <td style="background: #c98bb7"></td>
  </tr>
  <tr style="height: 10px"> <!-- 5px + 7px - 1px - 1px -->
    <td style="background: #90a213"></td>
    <td></td>
    <td style="background: #90c157"></td>
  </tr>
  <tr style="height: 1px">
    <td style="background: #9d57c1"></td>
    <td style="background: #3a8e20"></td>
    <td style="background: #0e6f6c"></td>
  </tr>
</table>
</body>
</html>
<!DOCTYPE html>