mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-09 09:20:15 +01:00
104 lines
3.3 KiB
HTML
104 lines
3.3 KiB
HTML
|
<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>
|