Skip to main content

Browse the archive

https://github.com/mozilla/gecko-dev
16 June 2024, 00:10:27 UTC
Raw File
Tip revision: 8d3d30b6cd8534d205811d1e99044ff18bd6fe0d authored by Ryan VanderMeulen on 23 July 2015, 14:35:28 UTC
Bug 1186285 - Remove automation for the mozilla-b2g34_v2_1 branch. r=catlee, a=test-only
Tip revision: 8d3d30b
backgr_position-table-column.html 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-column'</title>
<link rel="next" href="backgr_position-table-cell.html" title="Background Position: Background on 'table-cell'">
<link rel="prev" href="backgr_position-table-row.html" title="Background Position: Background on 'table-row'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">

  .col-1 {background: black url(edge.gif) bottom right no-repeat}
  .col-2 {background: black url(edge.gif) bottom right no-repeat}
  .col-3 {background: black url(edge.gif) top left}
  
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>

<h2>Part B: Background Position</h2>

    <h3>Background on 'table-column'</h3>

    <p>Three columns are styled.</p>
    <p>In the first column, there should be three vertical stripes just inside the right border edge of the first three cells. The stripes should continue in the last cell, turning a right angle to the left into three aqua stripes along the bottom border edge of the last cell. The last cell should not have three vertical stripes along its right border edge.</p>
    <p>In the second column, there should be three vertical stripes just inside the right border edge of the first three cells.</p>
    <p>In the third column, there should be three vertical stripes just inside the top border edge of the first cell and just inside the left edge of all four cells.</p>

    <dl>
       <dt>next
          <dd><a href="backgr_position-table-cell.html">Background Position: Background on 'table-cell'</a>
       <dt>previous
          <dd><a href="backgr_position-table-row.html">Background Position: Background on 'table-row'</a>
       <dt>contents
          <dd><a href="./backgr_index.html">Table of Contents</a>
    </dl>

    <table class="separate">
    <caption>With 'border-collapse: separate'</caption>
    <colgroup class="colgroup-A">
      <col class="col-1">
      <col class="col-2">
      <col class="col-3">
    </colgroup>
    <colgroup class="colgroup-B">
      <col class="col-4">
    </colgroup>
    <thead>
      <tr class="th-row-1">
        <th class="a">TH A</th>
        <th class="b">TH B</th>
        <th class="c">TH C</th>
        <th class="d">TH D</th>
      </tr>
    </thead>
    <tfoot>
      <tr class="tf-row-1">
        <td class="m" colspan=2>TD M</td>

        <td class="o">TD O</td>
        <td class="p">TD P</td>
    </tfoot>
    <tbody>
      <tr class="tb-row-1">
        <td class="e" rowspan=2>TD E</td>
        <td class="f">TD F</td>
        <td class="g">TD G</td>
        <td class="h">TD H</td>
      </tr>
      <tr class="tb-row-2">

        <td class="j">TD J</td>
        <td class="k">TD K</td>
        <td class="l">TD L</td>
      </tr>
    </tbody>
    </table>

    <table class="collapse">
    <caption>With 'border-collapse: collapse'</caption>
    <colgroup class="colgroup-A">
      <col class="col-1">
      <col class="col-2">
      <col class="col-3">
    </colgroup>
    <colgroup class="colgroup-B">
      <col class="col-4">
    </colgroup>
    <thead>
      <tr class="th-row-1">
        <th class="a">TH A</th>
        <th class="b">TH B</th>
        <th class="c">TH C</th>
        <th class="d">TH D</th>
      </tr>
    </thead>
    <tfoot>
      <tr class="tf-row-1">
        <td class="m" colspan=2>TD M</td>

        <td class="o">TD O</td>
        <td class="p">TD P</td>
    </tfoot>
    <tbody>
      <tr class="tb-row-1">
        <td class="e" rowspan=2>TD E</td>
        <td class="f">TD F</td>
        <td class="g">TD G</td>
        <td class="h">TD H</td>
      </tr>
      <tr class="tb-row-2">

        <td class="j">TD J</td>
        <td class="k">TD K</td>
        <td class="l">TD L</td>
      </tr>
    </tbody>
    </table>
<div class="validity">
  <a href="http://validator.w3.org/check/referer"><img
     src="valid-html401.png" height="31" width="88"
     alt="Valid HTML 4.01!"></a>
</div>
<address>
  CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>

</body>
</html>
back to top