border-image-style-none-auto-ref.html (1057B)
1 <!DOCTYPE html> 2 <html lang="en-US"> 3 <head> 4 <title>border-image-width: auto with border-bottom: none reference</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 12 </style> 13 </head> 14 <body> 15 <table> 16 <col style="width: 1px"> 17 <col style="width: 112px"> <!-- 100px + 7px + 7px - 1px - 1px --> 18 <col style="width: 1px"> 19 20 <tr style="height: 1px"> 21 <td style="background: #87f0b4"></td> 22 <td style="background: #4a298e"></td> 23 <td style="background: #c98bb7"></td> 24 </tr> 25 <tr style="height: 10px"> <!-- 5px + 7px - 1px - 1px --> 26 <td style="background: #90a213"></td> 27 <td></td> 28 <td style="background: #90c157"></td> 29 </tr> 30 <tr style="height: 1px"> 31 <td style="background: #9d57c1"></td> 32 <td style="background: #3a8e20"></td> 33 <td style="background: #0e6f6c"></td> 34 </tr> 35 </table> 36 </body> 37 </html> 38 <!DOCTYPE html>