rowlines-3-2.html (1758B)
1 <!-- -*- mode: HTML; tab-width: 2; indent-tabs-mode: nil; -*- --> 2 <!-- vim: set tabstop=2 expandtab shiftwidth=2 textwidth=80: --> 3 <!DOCTYPE html> 4 <html> 5 <head> 6 <title>mtable frame</title> 7 <!-- Copyright (c) 2011 Design Science, Inc. 8 License: Apache License 2.0 --> 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 10 <link rel="match" href="rowlines-3-2-ref.html"/> 11 <link rel="stylesheet" href="/fonts/ahem.css" /> 12 <style> 13 div, math { 14 font: 25px/1 Ahem; 15 } 16 </style> 17 </head> 18 19 <body> 20 21 <!-- We assume there is a gap of more than 1px between dashes. Hence 22 putting two dashed lines with only one pixel of difference in their 23 horizontal coordinates should not render the same as one dashed line 24 alone. The opposite is true for continuous line. 25 The red squares allow to ignore the difference at the bounds --> 26 27 <div style="position: absolute; top: 5px; left: 5px;"> 28 <math> 29 <mtable width="150px" rowlines="solid"> 30 <mtr> 31 <mtd><mspace></mspace></mtd> 32 </mtr> 33 <mtr> 34 <mtd><mspace></mspace></mtd> 35 </mtr> 36 </mtable> 37 </math> 38 </div> 39 40 <div style="position: absolute; top: 5px; left: 6px;"> 41 <math> 42 <mtable width="150px" rowlines="solid"> 43 <mtr> 44 <mtd><mspace></mspace></mtd> 45 </mtr> 46 <mtr> 47 <mtd><mspace></mspace></mtd> 48 </mtr> 49 </mtable> 50 </math> 51 </div> 52 53 <div style="position: absolute; top: 5px; left: 0px; 54 width: 50px; height: 50px; background: red;"></div> 55 56 <div style="position: absolute; top: 5px; left: 112px; 57 width: 50px; height: 50px; background: red;"></div> 58 59 </body> 60 </html>