border-conflict-w-064.xht (1196B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Border Conflict Resolution (width) - outset/dotted</title> 5 <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> 6 <style type="text/css"><![CDATA[ 7 table { border-collapse: collapse; } 8 td { border: 5px dotted lime; height: 3em; } 9 .c5 { border-width: 10px; border-style: outset; } 10 .c2 { border-bottom-color: red; } 11 .c6 { border-left-color: red; } 12 .c8 { border-top-color: red; } 13 .c4 { border-right-color: red; } 14 ]]></style> 15 <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> 16 </head> 17 <body> 18 <p>There should be no red borders on the table below</p> 19 <table> 20 <tr> 21 <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td> 22 </tr> 23 <tr> 24 <td class="c4">dotted</td><td class="c5">outset</td><td class="c6">dotted</td> 25 </tr> 26 <tr> 27 <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td> 28 </tr> 29 </table> 30 </body> 31 </html>