Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 87 lines (73 sloc) 2.356 kb
d59e2ca Prevent infinite loop when applied to table elements; for some reason IE...
Jason Johnston authored
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5 <title>Tests for background gradients</title>
6
7 <style type="text/css">
8
9 table {
10 border: 1px solid blue;
11 background: #EEF;
12 margin: 30px;
13 -webkit-border-radius: 30px;
14 -moz-border-radius: 30px;
15 border-radius: 30px;
cd21720 Fix rendering of td/th elements. Border is not rendered if table's borde...
Jason Johnston authored
16 width: 50%;
d59e2ca Prevent infinite loop when applied to table elements; for some reason IE...
Jason Johnston authored
17 behavior: url(../build/PIE_uncompressed.htc);
18 }
19
20 th {
21 border: 1px solid red;
22 /*background: #FEE;*/
23 padding: .5em 2em;
24 }
25
26 td {
27 border: 1px solid green;
28 /*background: #EFE;*/
29 padding: .5em 2em;
30 }
31
32
33
34 #test1 {
35 border-collapse: separate;
36 border-spacing: 5px;
37 }
38
39 #test2 {
40 border-collapse: collapse;
41 }
42
43 .rounded {
44 -webkit-border-radius: 10px;
45 -moz-border-radius: 10px;
46 border-radius: 10px;
cd21720 Fix rendering of td/th elements. Border is not rendered if table's borde...
Jason Johnston authored
47 background: #FCC;
48 background: -webkit-gradient(0 0, 0 100%, from(#FCC), to(#C99));
49 background: -moz-linear-gradient(#FCC, #C99);
50 -pie-background: linear-gradient(#FCC, #C99);
51 behavior: url(../build/PIE_uncompressed.htc);
d59e2ca Prevent infinite loop when applied to table elements; for some reason IE...
Jason Johnston authored
52 }
53
54 </style>
55 </head>
56 <body>
57
58 <table id="test1">
59 <thead>
60 <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> </tr>
61 </thead>
62 <tfoot>
63 <tr> <th>Foot 1</th> <th>Foot 2</th> <th class="rounded">Foot 3</th> </tr>
64 </tfoot>
65 <tbody>
66 <tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
67 <tr> <td class="rounded">Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
68 <tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
69 </tbody>
70 </table>
71
72 <table id="test2">
73 <thead>
74 <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> </tr>
75 </thead>
76 <tfoot>
77 <tr> <th>Foot 1</th> <th>Foot 2</th> <th class="rounded">Foot 3</th> </tr>
78 </tfoot>
79 <tbody>
80 <tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
81 <tr> <td class="rounded">Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
82 <tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
83 </tbody>
84 </table>
85
86 </body>
87 </html>
Something went wrong with that request. Please try again.