<html>
<head>
<title>Cadres de tableaux</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.t0 { border-width : 10pt ; border-color : yellow ; border-style : double }
.t1 { border-color : black ; border-style : double ; border-width : 5pt }
.t2 { border-color : red ; border-style : solid ; border-width : 5pt }
.t3 { border-color : lime ; border-style : groove ; border-width : 5pt }
.t4 { border-color : blue ; border-style : inset ; border-width : 5pt }
.t00 { border-width : 10pt ; border-color : yellow ; border-style : double ;
border-collapse : collapse }
-->
</style><link rel="stylesheet" href="../testsCSS2.css"></head>
<body BGCOLOR=#ffffff>
<h1 class="titre">Tests de conformité CSS 2</h1>
<h3 class="sstire">Tableaux, test 13.8</h3>
<h6 class="sstire">© Éditions Eyrolles 1998</h6>
<table border="0" width="75%" align="right">
<tr align="center">
<td colspan="3">
<hr width="100%" noshade>
</td>
</tr>
<tr>
<td width="25%" align="left"><a href="tables7.htm">test précédent</a></td>
<td width="50%" align="center"><b>Cadres de tableaux</b></td>
<td align="right" width="25%"><a href="tables9.htm">test suivant</a></td>
</tr>
</table>
<p> </p>
<p> </p>
<p>Ce test vérifie que les cadres s'appliquent bien aux tableaux.</p>
<pre>.firsttable { border-width : 10pt ; border-color : yellow ;
border-style : double }
.t1 { border-color : black ; border-style : double ;
border-width : 5pt }
.t2 { border-color : red ; border-style : solid ;
border-width : 5pt }
.t3 { border-color : lime ; border-style : groove ;
border-width : 5pt }
.t4 { border-color : blue ; border-style : inset ; border-width : 5pt }
.secondtable { border-width : 10pt ; border-color : yellow ;
border-style : double ;
border-collapse : collapse }</pre>
<table border="1" width="75%" align="center" class="t0">
<tr>
<td class="t1">1</td>
<td class="t2">2</td>
<td class="t3">3</td>
</tr>
<tr>
<td class="t4">4</td>
<td class="t1">5</td>
<td class="t2">6</td>
</tr>
<tr>
<td class="t3">7</td>
<td class="t4">8</td>
<td class="t1">9</td>
</tr>
</table>
<br>
<table border="1" width="75%" align="center" class="t00">
<tr>
<td class="t1">1</td>
<td class="t2">2</td>
<td class="t3">3</td>
</tr>
<tr>
<td class="t4">4</td>
<td class="t1">5</td>
<td class="t2">6</td>
</tr>
<tr>
<td class="t3">7</td>
<td class="t4">8</td>
<td class="t1">9</td>
</tr>
</table>
<p class="valeur">Si toutes les conditions exprimées par les règles
CSS ci-dessus se retrouvent dans le formatage des tableaux ci-dessus, la valeur
de ce test est 2 et 0 sinon.</p>
<table border="0" width="75%" align="right">
<tr align="center">
<td colspan="3">
<hr width="100%" noshade>
</td>
</tr>
<tr>
<td width="25%" align="left">test précédent</td>
<td width="50%" align="center"><b>Cadres de tableaux</b></td>
<td width="25%" align="right"><a href="tables9.htm">test suivant</a></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<P>Auteur : Daniel Glazman.</P>
</body>
</html>