wpt / css / CSS2 / css21-errata / s-11-1-1b-009.html

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

/css/CSS2/css21-errata/s-11-1-1b-009.html

<!doctype html>
<title>CSS Test: overflow:hidden on inline table with caption overflowing upwards</title>
<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
<link rel="help" href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html#s.11.1.1b">
<meta name="assert" content="Test checks that overflow:hidden on inline table applies to the table box rather than the table wrapper box.">
<link rel="match" href="s-11-1-1b-001-ref.html">
<style>
 table { overflow:hidden; border-spacing:0; display:inline-table }
 caption { margin-bottom:10px }
 td { padding:0 }
 div { width:20px; height:25px; border-top:solid red 10px; margin-top:-15px; background:black }
</style>
<p>Test passes if there is a black square below.</p>
<table>
 <caption></caption>
 <tr><td><div></div>
</table>

/css/CSS2/css21-errata/s-11-1-1b-001-ref.html

<!doctype html>
<title>Reference for CSS Test: overflow:hidden on table with caption overflowing upwards</title>
<link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com">
<style>
 table { overflow:hidden; border-spacing:0 }
 caption { margin-bottom:10px }
 td { padding:0; background:black; width:20px; height:20px }
</style>
<p>Test passes if there is a black square below.</p>
<table>
 <caption></caption>
 <tr><td>
</table>