Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=285849 -- change table-cell-width-0.html -- Change table-cell-width-0.html -- wpt-commits: ade4b37314c57180ae929ccf062cd03658f8108a, 381432218127d2113881e00b767baf6532650d4b, d2237ca5b890c6c2d5ca2f16a2686f6f7d282855 wpt-pr: 59292
107 lines
1.7 KiB
HTML
107 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Tests if cell with width:'0' uses intrinsic content size for width</title>
|
|
<link rel="help" href="https://html.spec.whatwg.org/multipage/tables.html">
|
|
<link rel="match" href="table-cell-width-0-ref.html">
|
|
<style>
|
|
table {
|
|
border-collapse: collapse;
|
|
border: 2px solid black;
|
|
}
|
|
|
|
.zero {
|
|
width: 0;
|
|
background:lightblue;
|
|
}
|
|
|
|
.positive-width {
|
|
width: 2px;
|
|
background:lightblue;
|
|
}
|
|
|
|
.big-positive-width {
|
|
width: 20px;
|
|
background:lightblue;
|
|
}
|
|
|
|
.normal {
|
|
background:lightgreen;
|
|
}
|
|
|
|
.percent-width {
|
|
width: 100%;
|
|
}
|
|
|
|
.fixed-width {
|
|
width: 100px;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- auto width -->
|
|
<table>
|
|
<tr>
|
|
<td class="zero">1</td>
|
|
<td class="normal">2</td>
|
|
</tr>
|
|
</table>
|
|
<br>
|
|
<table>
|
|
<tr>
|
|
<td class="positive-width">1</td>
|
|
<td class="normal">2</td>
|
|
</tr>
|
|
</table>
|
|
<br>
|
|
<table>
|
|
<tr>
|
|
<td class="big-positive-width">1</td>
|
|
<td class="normal">2</td>
|
|
</tr>
|
|
</table>
|
|
<br>
|
|
<!-- width:100% -->
|
|
<table class="percent-width">
|
|
<tr>
|
|
<td class="zero">1</td>
|
|
<td class="normal">2</td>
|
|
</tr>
|
|
</table>
|
|
<table class="percent-width">
|
|
<tr>
|
|
<td class="positive-width">1</td>
|
|
<td class="normal">2</td>
|
|
</tr>
|
|
</table>
|
|
<table class="percent-width">
|
|
<tr>
|
|
<td class="big-positive-width">1</td>
|
|
<td class="normal">2</td>
|
|
</tr>
|
|
</table>
|
|
<br>
|
|
<!-- width:100px -->
|
|
<table class="fixed-width">
|
|
<tr>
|
|
<td class="zero">1</td>
|
|
<td class="normal">2</td>
|
|
</tr>
|
|
</table>
|
|
<table class="fixed-width">
|
|
<tr>
|
|
<td class="positive-width">1</td>
|
|
<td class="normal">2</td>
|
|
</tr>
|
|
</table>
|
|
<table class="fixed-width">
|
|
<tr>
|
|
<td class="big-positive-width">1</td>
|
|
<td class="normal">2</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|