Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 87 lines (73 sloc) 2.356 kB
d59e2ca Prevent infinite loop when applied to table elements; for some reason…
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 bo…
Jason Johnston authored
16 width: 50%;
d59e2ca Prevent infinite loop when applied to table elements; for some reason…
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 bo…
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…
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.