DocBook XSLT 2.0 Stylesheet output: table.006.xml

Expected (91 differences)Actual (1 differences)
<html>
   <head>
      <link href="../../resources/css/db-prism.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/default.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/prism.css" rel="stylesheet" type="text/css"/>
      <meta charset="utf-8"/>
      <meta content="DocBook XSL 2.0 Stylesheets Vxxx" name="generator"/>
      <script src="../../resources/js/dbmodnizr.js" type="text/javascript"/>
      <title>Article wrapper</title>
   </head>
   <body>
      <article class="article" id="R.1">
         <header class="article-titlepage">
            <h2>Article wrapper</h2>
         </header>
         <p>All frames:</p>
         <p>CALS:</p>
         <figure class="informaltable-wrapper" id="R.1.4">
            <div class="informaltable">
               <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; ">
                  <colgroup>
                     <col class="tcol1" width="33%"/>
                     <col class="tcol2" width="33%"/>
                     <col class="tcol3" width="33%"/>
                  </colgroup>
                  <tbody>
                     <tr>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a foo</td>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a bar</td>
                        <td style="border-bottom: 1px solid ; ">a baz</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b foo</td>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b bar</td>
                        <td style="border-bottom: 1px solid ; ">b baz</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; ">c foo</td>
                        <td style="border-right: 1px solid ; ">c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>HTML:</p>
         <figure class="informaltable-wrapper" id="R.1.6">
            <div class="informaltable">
               <table border="1">
                  <tbody>
                     <tr>
                        <td>a foo</td>
                        <td>a bar</td>
                        <td>a baz</td>
                     </tr>
                     <tr>
                        <td>b foo</td>
                        <td>b bar</td>
                        <td>b baz</td>
                     </tr>
                     <tr>
                        <td>c foo</td>
                        <td>c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>No frames:</p>
         <p>(N.B. In this test and some others, the row and column separators are different.
The CALS default is rowsep=1/colsep=1; HTML has no equivalent default.)</p>
         <p>CALS:</p>
         <figure class="informaltable-wrapper" id="R.1.10">
            <div class="informaltable">
               <table border="0" style="border-collapse: collapse;">
                  <colgroup>
                     <col class="tcol1" width="33%"/>
                     <col class="tcol2" width="33%"/>
                     <col class="tcol3" width="33%"/>
                  </colgroup>
                  <tbody>
                     <tr>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a foo</td>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a bar</td>
                        <td style="border-bottom: 1px solid ; ">a baz</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b foo</td>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b bar</td>
                        <td style="border-bottom: 1px solid ; ">b baz</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; ">c foo</td>
                        <td style="border-right: 1px solid ; ">c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>HTML:</p>
         <figure class="informaltable-wrapper" id="R.1.12">
            <div class="informaltable">
               <table>
                  <tbody>
                     <tr>
                        <td>a foo</td>
                        <td>a bar</td>
                        <td>a baz</td>
                     </tr>
                     <tr>
                        <td>b foo</td>
                        <td>b bar</td>
                        <td>b baz</td>
                     </tr>
                     <tr>
                        <td>c foo</td>
                        <td>c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>Outer edge:</p>
         <p>CALS:</p>
         <figure class="informaltable-wrapper" id="R.1.15">
            <div class="informaltable">
               <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; ">
                  <colgroup>
                     <col class="tcol1" width="33%"/>
                     <col class="tcol2" width="33%"/>
                     <col class="tcol3" width="33%"/>
                  </colgroup>
                  <tbody>
                     <tr>
                        <td>a foo</td>
                        <td>a bar</td>
                        <td>a baz</td>
                     </tr>
                     <tr>
                        <td>b foo</td>
                        <td>b bar</td>
                        <td>b baz</td>
                     </tr>
                     <tr>
                        <td>c foo</td>
                        <td>c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>HTML:</p>
         <figure class="informaltable-wrapper" id="R.1.17">
            <div class="informaltable">
               <table style="border: 0.4pt black solid">
                  <tbody>
                     <tr>
                        <td>a foo</td>
                        <td>a bar</td>
                        <td>a baz</td>
                     </tr>
                     <tr>
                        <td>b foo</td>
                        <td>b bar</td>
                        <td>b baz</td>
                     </tr>
                     <tr>
                        <td>c foo</td>
                        <td>c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>Rows:</p>
         <p>CALS:</p>
         <figure class="informaltable-wrapper" id="R.1.20">
            <div class="informaltable">
               <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; ">
                  <colgroup>
                     <col class="tcol1" width="33%"/>
                     <col class="tcol2" width="33%"/>
                     <col class="tcol3" width="33%"/>
                  </colgroup>
                  <tbody>
                     <tr>
                        <td style="border-bottom: 1px solid ; ">a foo</td>
                        <td style="border-bottom: 1px solid ; ">a bar</td>
                        <td style="border-bottom: 1px solid ; ">a baz</td>
                     </tr>
                     <tr>
                        <td style="border-bottom: 1px solid ; ">b foo</td>
                        <td style="border-bottom: 1px solid ; ">b bar</td>
                        <td style="border-bottom: 1px solid ; ">b baz</td>
                     </tr>
                     <tr>
                        <td>c foo</td>
                        <td>c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>HTML:</p>
         <p>(N.B. This case will only succeed if the CSS border-collapse property is set to
collapse. The default CSS stylesheet for DocBook output does this.</p>
         <figure class="informaltable-wrapper" id="R.1.23">
            <div class="informaltable">
               <table style="border-top: 0.4pt black solid">
                  <tbody>
                     <tr style="border-bottom: 0.4pt black solid">
                        <td>a foo</td>
                        <td>a bar</td>
                        <td>a baz</td>
                     </tr>
                     <tr style="border-bottom: 0.4pt black solid">
                        <td>b foo</td>
                        <td>b bar</td>
                        <td>b baz</td>
                     </tr>
                     <tr style="border-bottom: 0.4pt black solid">
                        <td>c foo</td>
                        <td>c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>Columns:</p>
         <p>CALS:</p>
         <figure class="informaltable-wrapper" id="R.1.26">
            <div class="informaltable">
               <table border="0" style="border-collapse: collapse;border-left: 1px solid ; border-right: 1px solid ; ">
                  <colgroup>
                     <col class="tcol1" width="33%"/>
                     <col class="tcol2" width="33%"/>
                     <col class="tcol3" width="33%"/>
                  </colgroup>
                  <tbody>
                     <tr>
                        <td style="border-right: 1px solid ; ">a foo</td>
                        <td style="border-right: 1px solid ; ">a bar</td>
                        <td>a baz</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; ">b foo</td>
                        <td style="border-right: 1px solid ; ">b bar</td>
                        <td>b baz</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; ">c foo</td>
                        <td style="border-right: 1px solid ; ">c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>HTML:</p>
         <figure class="informaltable-wrapper" id="R.1.28">
            <div class="informaltable">
               <table style="border-left: 0.4pt black solid;">
                  <col style="border-right: 0.4pt black solid"/>
                  <col style="border-right: 0.4pt black solid"/>
                  <col style="border-right: 0.4pt black solid"/>
                  <tbody>
                     <tr>
                        <td>a foo</td>
                        <td>a bar</td>
                        <td>a baz</td>
                     </tr>
                     <tr>
                        <td>b foo</td>
                        <td>b bar</td>
                        <td>b baz</td>
                     </tr>
                     <tr>
                        <td>c foo</td>
                        <td>c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>Tic Tac Toe (colsep, rowsep):</p>
         <p>CALS:</p>
         <figure class="informaltable-wrapper" id="R.1.31">
            <div class="informaltable">
               <table border="0" style="border-collapse: collapse;">
                  <colgroup>
                     <col class="tcol1" width="33%"/>
                     <col class="tcol2" width="33%"/>
                     <col class="tcol3" width="33%"/>
                  </colgroup>
                  <tbody>
                     <tr>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a foo</td>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a bar</td>
                        <td style="border-bottom: 1px solid ; ">a baz</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b foo</td>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b bar</td>
                        <td style="border-bottom: 1px solid ; ">b baz</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; ">c foo</td>
                        <td style="border-right: 1px solid ; ">c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>HTML:</p>
         <p>(N.B. This case will only succeed if the CSS border-collapse property is set to
collapse. The default CSS stylesheet for DocBook output does this.</p>
         <figure class="informaltable-wrapper" id="R.1.34">
            <div class="informaltable">
               <table>
                  <col style="border-right: 0.4pt black solid"/>
                  <col style="border-right: 0.4pt black solid"/>
                  <tbody>
                     <tr style="border-bottom: 0.4pt black solid">
                        <td>a foo</td>
                        <td>a bar</td>
                        <td>a baz</td>
                     </tr>
                     <tr style="border-bottom: 0.4pt black solid">
                        <td>b foo</td>
                        <td>b bar</td>
                        <td>b baz</td>
                     </tr>
                     <tr>
                        <td>c foo</td>
                        <td>c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>Tic Tac Toe (the perverse way, using colsep on colspec and rowsep on rows):</p>
         <p>CALS:</p>
         <figure class="informaltable-wrapper" id="R.1.37">
            <div class="informaltable">
               <table border="0" style="border-collapse: collapse;">
                  <colgroup>
                     <col class="tcol1" width="33%"/>
                     <col class="tcol2" width="33%"/>
                     <col class="tcol3" width="33%"/>
                  </colgroup>
                  <tbody>
                     <tr style="border-bottom: 1px solid ; ">
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a foo</td>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a bar</td>
                        <td style="border-bottom: 1px solid ; ">a baz</td>
                     </tr>
                     <tr style="border-bottom: 1px solid ; ">
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b foo</td>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b bar</td>
                        <td style="border-bottom: 1px solid ; ">b baz</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; ">c foo</td>
                        <td style="border-right: 1px solid ; ">c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>Box in the middle:</p>
         <p>CALS:</p>
         <figure class="informaltable-wrapper" id="R.1.40">
            <div class="informaltable">
               <table border="0" style="border-collapse: collapse;">
                  <colgroup>
                     <col class="tcol1" width="33%"/>
                     <col class="tcol2" width="33%"/>
                     <col class="tcol3" width="33%"/>
                  </colgroup>
                  <tbody>
                     <tr>
                        <td>a foo</td>
                        <td style="border-bottom: 1px solid ; ">a bar</td>
                        <td>a baz</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; ">b foo</td>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b bar</td>
                        <td>b baz</td>
                     </tr>
                     <tr>
                        <td>c foo</td>
                        <td>c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>HTML:</p>
         <figure class="informaltable-wrapper" id="R.1.42">
            <div class="informaltable">
               <table>
                  <tbody>
                     <tr>
                        <td>a foo</td>
                        <td>a bar</td>
                        <td>a baz</td>
                     </tr>
                     <tr>
                        <td>b foo</td>
                        <td style="border: 0.4pt black solid">b bar</td>
                        <td>b baz</td>
                     </tr>
                     <tr>
                        <td>c foo</td>
                        <td>c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>Jigsaw:</p>
         <p>CALS:</p>
         <figure class="informaltable-wrapper" id="R.1.45">
            <div class="informaltable">
               <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; ">
                  <colgroup>
                     <col class="tcol1" width="33%"/>
                     <col class="tcol2" width="33%"/>
                     <col class="tcol3" width="33%"/>
                  </colgroup>
                  <tbody>
                     <tr>
                        <td style="border-bottom: 1px solid ; ">a foo</td>
                        <td style="border-right: 1px solid ; ">a bar</td>
                        <td>a baz</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; ">b foo</td>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b bar</td>
                        <td>b baz</td>
                     </tr>
                     <tr>
                        <td>c foo</td>
                        <td>c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>HTML:</p>
         <figure class="informaltable-wrapper" id="R.1.47">
            <div class="informaltable">
               <table style="border: 0.4pt black solid; border-collapse: collapse">
                  <tbody>
                     <tr>
                        <td style="border-bottom: 0.4pt black solid">a foo</td>
                        <td style="border-right: 0.4pt black solid">a bar</td>
                        <td>a baz</td>
                     </tr>
                     <tr>
                        <td>b foo</td>
                        <td style="border-left: 0.4pt black solid;            border-bottom: 0.4pt black solid;            border-right: 0.4pt black solid">b bar</td>
                        <td>b baz</td>
                     </tr>
                     <tr>
                        <td>c foo</td>
                        <td>c foo</td>
                        <td>c baz</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
      </article>
      <script src="../../resources/js/prism.js"/>
   </body>
</html>
<html>
   <head>
      <link href="../../resources/css/db-prism.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/default.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/prism.css" rel="stylesheet" type="text/css"/>
      <meta charset="utf-8"/>
      <meta content="DocBook XSL 2.0 Stylesheets Vxxx" name="generator"/>
      <script src="../../resources/js/dbmodnizr.js" type="text/javascript"/>
      <title>Article wrapper</title>
   </head>
   <body>
      <article class="article" id="R.1">
         <header class="article-titlepage">
            <h2>Article wrapper</h2>
         </header>
         <div class="content">
            <p>All frames:</p>
            <p>CALS:</p>
            <figure class="informaltable-wrapper" id="R.1.4">
               <div class="informaltable">
                  <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; ">
                     <colgroup>
                        <col class="tcol1" width="33%"/>
                        <col class="tcol2" width="33%"/>
                        <col class="tcol3" width="33%"/>
                     </colgroup>
                     <tbody>
                        <tr>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a foo</td>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a bar</td>
                           <td style="border-bottom: 1px solid ; ">a baz</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b foo</td>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b bar</td>
                           <td style="border-bottom: 1px solid ; ">b baz</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; ">c foo</td>
                           <td style="border-right: 1px solid ; ">c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>HTML:</p>
            <figure class="informaltable-wrapper" id="R.1.6">
               <div class="informaltable">
                  <table border="1">
                     <tbody>
                        <tr>
                           <td>a foo</td>
                           <td>a bar</td>
                           <td>a baz</td>
                        </tr>
                        <tr>
                           <td>b foo</td>
                           <td>b bar</td>
                           <td>b baz</td>
                        </tr>
                        <tr>
                           <td>c foo</td>
                           <td>c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>No frames:</p>
            <p>(N.B. In this test and some others, the row and column separators are different.
The CALS default is rowsep=1/colsep=1; HTML has no equivalent default.)</p>
            <p>CALS:</p>
            <figure class="informaltable-wrapper" id="R.1.10">
               <div class="informaltable">
                  <table border="0" style="border-collapse: collapse;">
                     <colgroup>
                        <col class="tcol1" width="33%"/>
                        <col class="tcol2" width="33%"/>
                        <col class="tcol3" width="33%"/>
                     </colgroup>
                     <tbody>
                        <tr>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a foo</td>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a bar</td>
                           <td style="border-bottom: 1px solid ; ">a baz</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b foo</td>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b bar</td>
                           <td style="border-bottom: 1px solid ; ">b baz</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; ">c foo</td>
                           <td style="border-right: 1px solid ; ">c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>HTML:</p>
            <figure class="informaltable-wrapper" id="R.1.12">
               <div class="informaltable">
                  <table>
                     <tbody>
                        <tr>
                           <td>a foo</td>
                           <td>a bar</td>
                           <td>a baz</td>
                        </tr>
                        <tr>
                           <td>b foo</td>
                           <td>b bar</td>
                           <td>b baz</td>
                        </tr>
                        <tr>
                           <td>c foo</td>
                           <td>c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>Outer edge:</p>
            <p>CALS:</p>
            <figure class="informaltable-wrapper" id="R.1.15">
               <div class="informaltable">
                  <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; ">
                     <colgroup>
                        <col class="tcol1" width="33%"/>
                        <col class="tcol2" width="33%"/>
                        <col class="tcol3" width="33%"/>
                     </colgroup>
                     <tbody>
                        <tr>
                           <td>a foo</td>
                           <td>a bar</td>
                           <td>a baz</td>
                        </tr>
                        <tr>
                           <td>b foo</td>
                           <td>b bar</td>
                           <td>b baz</td>
                        </tr>
                        <tr>
                           <td>c foo</td>
                           <td>c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>HTML:</p>
            <figure class="informaltable-wrapper" id="R.1.17">
               <div class="informaltable">
                  <table style="border: 0.4pt black solid">
                     <tbody>
                        <tr>
                           <td>a foo</td>
                           <td>a bar</td>
                           <td>a baz</td>
                        </tr>
                        <tr>
                           <td>b foo</td>
                           <td>b bar</td>
                           <td>b baz</td>
                        </tr>
                        <tr>
                           <td>c foo</td>
                           <td>c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>Rows:</p>
            <p>CALS:</p>
            <figure class="informaltable-wrapper" id="R.1.20">
               <div class="informaltable">
                  <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; ">
                     <colgroup>
                        <col class="tcol1" width="33%"/>
                        <col class="tcol2" width="33%"/>
                        <col class="tcol3" width="33%"/>
                     </colgroup>
                     <tbody>
                        <tr>
                           <td style="border-bottom: 1px solid ; ">a foo</td>
                           <td style="border-bottom: 1px solid ; ">a bar</td>
                           <td style="border-bottom: 1px solid ; ">a baz</td>
                        </tr>
                        <tr>
                           <td style="border-bottom: 1px solid ; ">b foo</td>
                           <td style="border-bottom: 1px solid ; ">b bar</td>
                           <td style="border-bottom: 1px solid ; ">b baz</td>
                        </tr>
                        <tr>
                           <td>c foo</td>
                           <td>c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>HTML:</p>
            <p>(N.B. This case will only succeed if the CSS border-collapse property is set to
collapse. The default CSS stylesheet for DocBook output does this.</p>
            <figure class="informaltable-wrapper" id="R.1.23">
               <div class="informaltable">
                  <table style="border-top: 0.4pt black solid">
                     <tbody>
                        <tr style="border-bottom: 0.4pt black solid">
                           <td>a foo</td>
                           <td>a bar</td>
                           <td>a baz</td>
                        </tr>
                        <tr style="border-bottom: 0.4pt black solid">
                           <td>b foo</td>
                           <td>b bar</td>
                           <td>b baz</td>
                        </tr>
                        <tr style="border-bottom: 0.4pt black solid">
                           <td>c foo</td>
                           <td>c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>Columns:</p>
            <p>CALS:</p>
            <figure class="informaltable-wrapper" id="R.1.26">
               <div class="informaltable">
                  <table border="0" style="border-collapse: collapse;border-left: 1px solid ; border-right: 1px solid ; ">
                     <colgroup>
                        <col class="tcol1" width="33%"/>
                        <col class="tcol2" width="33%"/>
                        <col class="tcol3" width="33%"/>
                     </colgroup>
                     <tbody>
                        <tr>
                           <td style="border-right: 1px solid ; ">a foo</td>
                           <td style="border-right: 1px solid ; ">a bar</td>
                           <td>a baz</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; ">b foo</td>
                           <td style="border-right: 1px solid ; ">b bar</td>
                           <td>b baz</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; ">c foo</td>
                           <td style="border-right: 1px solid ; ">c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>HTML:</p>
            <figure class="informaltable-wrapper" id="R.1.28">
               <div class="informaltable">
                  <table style="border-left: 0.4pt black solid;">
                     <col style="border-right: 0.4pt black solid"/>
                     <col style="border-right: 0.4pt black solid"/>
                     <col style="border-right: 0.4pt black solid"/>
                     <tbody>
                        <tr>
                           <td>a foo</td>
                           <td>a bar</td>
                           <td>a baz</td>
                        </tr>
                        <tr>
                           <td>b foo</td>
                           <td>b bar</td>
                           <td>b baz</td>
                        </tr>
                        <tr>
                           <td>c foo</td>
                           <td>c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>Tic Tac Toe (colsep, rowsep):</p>
            <p>CALS:</p>
            <figure class="informaltable-wrapper" id="R.1.31">
               <div class="informaltable">
                  <table border="0" style="border-collapse: collapse;">
                     <colgroup>
                        <col class="tcol1" width="33%"/>
                        <col class="tcol2" width="33%"/>
                        <col class="tcol3" width="33%"/>
                     </colgroup>
                     <tbody>
                        <tr>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a foo</td>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a bar</td>
                           <td style="border-bottom: 1px solid ; ">a baz</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b foo</td>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b bar</td>
                           <td style="border-bottom: 1px solid ; ">b baz</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; ">c foo</td>
                           <td style="border-right: 1px solid ; ">c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>HTML:</p>
            <p>(N.B. This case will only succeed if the CSS border-collapse property is set to
collapse. The default CSS stylesheet for DocBook output does this.</p>
            <figure class="informaltable-wrapper" id="R.1.34">
               <div class="informaltable">
                  <table>
                     <col style="border-right: 0.4pt black solid"/>
                     <col style="border-right: 0.4pt black solid"/>
                     <tbody>
                        <tr style="border-bottom: 0.4pt black solid">
                           <td>a foo</td>
                           <td>a bar</td>
                           <td>a baz</td>
                        </tr>
                        <tr style="border-bottom: 0.4pt black solid">
                           <td>b foo</td>
                           <td>b bar</td>
                           <td>b baz</td>
                        </tr>
                        <tr>
                           <td>c foo</td>
                           <td>c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>Tic Tac Toe (the perverse way, using colsep on colspec and rowsep on rows):</p>
            <p>CALS:</p>
            <figure class="informaltable-wrapper" id="R.1.37">
               <div class="informaltable">
                  <table border="0" style="border-collapse: collapse;">
                     <colgroup>
                        <col class="tcol1" width="33%"/>
                        <col class="tcol2" width="33%"/>
                        <col class="tcol3" width="33%"/>
                     </colgroup>
                     <tbody>
                        <tr style="border-bottom: 1px solid ; ">
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a foo</td>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">a bar</td>
                           <td style="border-bottom: 1px solid ; ">a baz</td>
                        </tr>
                        <tr style="border-bottom: 1px solid ; ">
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b foo</td>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b bar</td>
                           <td style="border-bottom: 1px solid ; ">b baz</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; ">c foo</td>
                           <td style="border-right: 1px solid ; ">c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>Box in the middle:</p>
            <p>CALS:</p>
            <figure class="informaltable-wrapper" id="R.1.40">
               <div class="informaltable">
                  <table border="0" style="border-collapse: collapse;">
                     <colgroup>
                        <col class="tcol1" width="33%"/>
                        <col class="tcol2" width="33%"/>
                        <col class="tcol3" width="33%"/>
                     </colgroup>
                     <tbody>
                        <tr>
                           <td>a foo</td>
                           <td style="border-bottom: 1px solid ; ">a bar</td>
                           <td>a baz</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; ">b foo</td>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b bar</td>
                           <td>b baz</td>
                        </tr>
                        <tr>
                           <td>c foo</td>
                           <td>c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>HTML:</p>
            <figure class="informaltable-wrapper" id="R.1.42">
               <div class="informaltable">
                  <table>
                     <tbody>
                        <tr>
                           <td>a foo</td>
                           <td>a bar</td>
                           <td>a baz</td>
                        </tr>
                        <tr>
                           <td>b foo</td>
                           <td style="border: 0.4pt black solid">b bar</td>
                           <td>b baz</td>
                        </tr>
                        <tr>
                           <td>c foo</td>
                           <td>c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>Jigsaw:</p>
            <p>CALS:</p>
            <figure class="informaltable-wrapper" id="R.1.45">
               <div class="informaltable">
                  <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; ">
                     <colgroup>
                        <col class="tcol1" width="33%"/>
                        <col class="tcol2" width="33%"/>
                        <col class="tcol3" width="33%"/>
                     </colgroup>
                     <tbody>
                        <tr>
                           <td style="border-bottom: 1px solid ; ">a foo</td>
                           <td style="border-right: 1px solid ; ">a bar</td>
                           <td>a baz</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; ">b foo</td>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">b bar</td>
                           <td>b baz</td>
                        </tr>
                        <tr>
                           <td>c foo</td>
                           <td>c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>HTML:</p>
            <figure class="informaltable-wrapper" id="R.1.47">
               <div class="informaltable">
                  <table style="border: 0.4pt black solid; border-collapse: collapse">
                     <tbody>
                        <tr>
                           <td style="border-bottom: 0.4pt black solid">a foo</td>
                           <td style="border-right: 0.4pt black solid">a bar</td>
                           <td>a baz</td>
                        </tr>
                        <tr>
                           <td>b foo</td>
                           <td style="border-left: 0.4pt black solid;            border-bottom: 0.4pt black solid;            border-right: 0.4pt black solid">b bar</td>
                           <td>b baz</td>
                        </tr>
                        <tr>
                           <td>c foo</td>
                           <td>c foo</td>
                           <td>c baz</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
         </div>
      </article>
      <script src="../../resources/js/prism.js"/>
   </body>
</html>
The “current” CSS styling is applied to the this entire document; the results in this column may be anomalous. Also, image links are broken in this column. 

Article wrapper

All frames:

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

No frames:

(N.B. In this test and some others, the row and column separators are different. The CALS default is rowsep=1/colsep=1; HTML has no equivalent default.)

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Outer edge:

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Rows:

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

(N.B. This case will only succeed if the CSS border-collapse property is set to collapse. The default CSS stylesheet for DocBook output does this.

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Columns:

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Tic Tac Toe (colsep, rowsep):

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

(N.B. This case will only succeed if the CSS border-collapse property is set to collapse. The default CSS stylesheet for DocBook output does this.

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Tic Tac Toe (the perverse way, using colsep on colspec and rowsep on rows):

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

Box in the middle:

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Jigsaw:

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Article wrapper

All frames:

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

No frames:

(N.B. In this test and some others, the row and column separators are different. The CALS default is rowsep=1/colsep=1; HTML has no equivalent default.)

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Outer edge:

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Rows:

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

(N.B. This case will only succeed if the CSS border-collapse property is set to collapse. The default CSS stylesheet for DocBook output does this.

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Columns:

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Tic Tac Toe (colsep, rowsep):

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

(N.B. This case will only succeed if the CSS border-collapse property is set to collapse. The default CSS stylesheet for DocBook output does this.

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Tic Tac Toe (the perverse way, using colsep on colspec and rowsep on rows):

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

Box in the middle:

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

Jigsaw:

CALS:

a fooa bara baz
b foob barb baz
c fooc fooc baz

HTML:

a foo a bar a baz
b foo b bar b baz
c foo c foo c baz

XML source