wpt / css / css-tables / paint / col-paint-vrl-rtl.html

Status: PASS | Duration: 15ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-tables/paint/col-paint-vrl-rtl.html

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#drawing-cell-backgrounds">
<link rel="match" href="col-paint-vrl-rtl-ref.html">
<style>
table { border: solid 2px; border-spacing: 5px; padding: 5px; }
col { background: linear-gradient(30deg, red 50%, blue 50%); }
</style>
<table style="writing-mode: vertical-rl; direction: rtl;">
  <col style="height: 50px;"></col>
  <col style="height: 100px;"></col>
  <tr style="width: 100px;">
    <td></td>
    <td></td>
  </tr>
  <tr style="width: 50px;">
    <td></td>
    <td></td>
  </tr>
</table>

/css/css-tables/paint/col-paint-vrl-rtl-ref.html

<!DOCTYPE html>
<style>
table { border: solid 2px; border-spacing: 5px; padding: 5px; }
col { background: linear-gradient(-60deg, red 50%, blue 50%); }
</style>
<table style="transform: rotate(90deg);">
  <col style="width: 100px;"></col>
  <col style="width: 50px;"></col>
  <tr style="height: 100px;">
    <td></td>
    <td></td>
  </tr>
  <tr style="height: 50px;">
    <td></td>
    <td></td>
  </tr>
</table>