ttwf-reftest-borderradius

Test Background and border

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
Table with 'border-collapse: collapse;' declaration, it's 'border-radius' style will not work.

Source

 1 <!DOCTYPE html>
 2 <html><head>
 3     <title>Test Background and border</title>
 4     <link href="mailto:jinlongz@oupeng.com" rel="author reviewer" title="Jinlong Zhang">
 5     <link href="http://www.w3.org/TR/css3-background/#border-radius-tables" rel="help">
 6     <link href="reference/ttwf-reftest-borderRadius-ref.htm" rel="match">
 7     <meta content="Table with 'border-collapse: collapse;' declaration, it's 'border-radius' style will not work." name="assert">
 8     <style type="text/css">
 9         #testCon{border: 4px solid green; border-radius: 5px; border-collapse: collapse;}
10         #testCon td{width: 60px; height: 60px; border: 4px solid green; border-radius: 10px;}
11     </style>
12 </head>
13 <body>
14     <p>The test passes if table's 'border-radius' style don't work.</p>
15     <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when 'border-collapse' is 'collapse'.</p>
16     <table id="testCon">
17         <tbody><tr><td></td><td></td><td></td></tr>
18         <tr><td></td><td></td><td></td></tr>
19         <tr><td></td><td></td><td></td></tr>
20     </tbody></table>
21 
22 
23 
24 </body></html>