<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&eacute; CSS 2</h1>
<h3 class="sstire">Tableaux, test 13.8</h3>
<h6 class="sstire">&copy; &Eacute;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&eacute;c&eacute;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>&nbsp;</p>
<p>&nbsp;</p>
<p>Ce test v&eacute;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&eacute;es par les r&egrave;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&eacute;c&eacute;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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<P>Auteur : Daniel Glazman.</P>
</body>
</html>
