tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

table-border-paint-caption-change.html (905B)

      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4  <title>The table element should update its border whenever the caption side changes</title>
      5  <link rel="author" title="Peng Zhou" href="mailto:zhoupeng.1996@bytedance.com">
      6  <link rel="help" href="https://www.w3.org/TR/css-tables-3/#computing-the-table-height">
      7  <link rel="match" href="table-border-paint-caption-change-ref.html">
      8 </head>
      9 <style>
     10 #caption {
     11  caption-side: top;
     12 }
     13 table, tr, td {
     14  border: 1px solid #000000;
     15 }
     16 </style>
     17 <body>
     18 <table>
     19  <caption id="caption">
     20    caption
     21  </caption>
     22  <tbody>
     23    <tr>
     24      <td>a</td>
     25      <td>b</td>
     26    </tr>
     27    <tr>
     28      <td>c</td>
     29      <td>d</td>
     30    </tr>
     31  </tbody>
     32 </table>
     33 <script>
     34 window.addEventListener('load', (e) => {
     35  requestAnimationFrame(() => {
     36    requestAnimationFrame(() => {
     37      document.querySelector('#caption').style.captionSide = 'bottom';
     38    });
     39  });
     40 });
     41 </script>
     42 </body>
     43 </html>