old/css_compat/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<style type="text/css">
a {color: black}
ul {margin: 0}
li {padding: 0.5em; border-bottom: 1px solid black}
.ok {background-color: green}
.partly {background-color: yellow}
.no {background-color: red}
</style>
</head>
<body>
<ul>
<li><a class="ok" href="tests/background.html">background</a></li>
<li><a class="no" href="tests/background-attachment.html">background-attachment</a></li>
<li><a class="ok" href="tests/background-color.html">background-color</a></li>
<li><a class="no" href="tests/background-image.html">background-image</a></li>
<li><a class="no" href="tests/background-position.html">background-position</a></li>
<li><a class="no" href="tests/background-repeat.html">background-repeat</a></li>
<li><a class="ok" href="tests/border.html">border</a></li>
<li><a class="ok" href="tests/border-bottom.html">border-bottom</a></li>
<li><a class="ok" href="tests/border-bottom-color.html">border-bottom-color</a></li>
<li><a class="ok" href="tests/border-bottom-style.html">border-bottom-style</a></li>
<li><a class="ok" href="tests/border-bottom-width.html">border-bottom-width</a></li>
<li><a class="partly" href="tests/border-collapse.html">border-collapse</a></li>
<li><a class="ok" href="tests/border-color.html">border-color</a></li>
<li><a class="ok" href="tests/border-left.html">border-left</a></li>
<li><a class="ok" href="tests/border-left-color.html">border-left-color</a></li>
<li><a class="ok" href="tests/border-left-style.html">border-left-style</a></li>
<li><a class="ok" href="tests/border-left-width.html">border-left-width</a></li>
<li><a class="ok" href="tests/border-right.html">border-right</a></li>
<li><a class="ok" href="tests/border-right-color.html">border-right-color</a></li>
<li><a class="ok" href="tests/border-right-style.html">border-right-style</a></li>
<li><a class="ok" href="tests/border-right-width.html">border-right-width</a></li>
<li><a class="ok" href="tests/border-style.html">border-style</a></li>
<li><a class="ok" href="tests/border-top.html">border-top</a></li>
<li><a class="ok" href="tests/border-top-color.html">border-top-color</a></li>
<li><a class="ok" href="tests/border-top-style.html">border-top-style</a></li>
<li><a class="ok" href="tests/border-top-width.html">border-top-width</a></li>
<li><a class="ok" href="tests/border-width.html">border-width</a></li>
<li><a class="no" href="tests/bottom.html">bottom</a></li>
<li><a class="no" href="tests/caption-side.html">caption-side</a></li>
<li><a class="no" href="tests/clear.html">clear</a></li>
<li><a class="no" href="tests/clip.html">clip</a></li>
<li><a class="ok" href="tests/color.html">color</a></li>
<li><a class="no" href="tests/content.html">content</a></li>
<li><a class="no" href="tests/counter-increment.html">counter-increment</a></li>
<li><a class="no" href="tests/counter-reset.html">counter-reset</a></li>
<li><a class="ok" href="tests/cursor.html">cursor</a></li>
<li><a class="no" href="tests/direction.html">direction</a></li>
<li><a class="partly" href="tests/display.html">display</a></li>
<li><a class="no" href="tests/empty-cells.html">empty-cells</a></li>
<li><a class="no" href="tests/float.html">float</a></li>
<li><a class="ok" href="tests/font.html">font</a></li>
<li><a class="ok" href="tests/font-family.html">font-family</a></li>
<li><a class="ok" href="tests/font-size.html">font-size</a></li>
<li><a class="ok" href="tests/font-style.html">font-style</a></li>
<li><a class="ok" href="tests/font-variant.html">font-variant</a></li>
<li><a class="ok" href="tests/font-weight.html">font-weight</a></li>
<li><a class="no" href="tests/height.html">height</a></li>
<li><a class="no" href="tests/left.html">left</a></li>
<li><a class="ok" href="tests/letter-spacing.html">letter-spacing</a></li>
<li><a class="ok" href="tests/line-height.html">line-height</a></li>
<li><a class="ok" href="tests/list-style.html">list-style</a></li>
<li><a class="no" href="tests/list-style-image.html">list-style-image</a></li>
<li><a class="partly" href="tests/list-style-position.html">list-style-position</a></li>
<li><a class="partly" href="tests/list-style-type.html">list-style-type</a> armenian, and georgian not working</li>
<li><a class="partly" href="tests/margin.html">margin</a>margins given as percentage are not working</li>
<li><a class="partly" href="tests/margin-bottom.html">margin-bottom</a></li>
<li><a class="partly" href="tests/margin-left.html">margin-left</a></li>
<li><a class="partly" href="tests/margin-right.html">margin-right</a></li>
<li><a class="partly" href="tests/margin-top.html">margin-top</a></li>
<li><a class="no" href="tests/max-height.html">max-height</a></li>
<li><a class="no" href="tests/max-width.html">max-width</a></li>
<li><a class="no" href="tests/min-height.html">min-height</a></li>
<li><a class="no" href="tests/min-width.html">min-width</a></li>
<li><a class="no" href="tests/orphans.html">orphans</a></li>
<li><a class="no" href="tests/outline.html">outline</a></li>
<li><a class="no" href="tests/outline-color.html">outline-color</a></li>
<li><a class="no" href="tests/outline-style.html">outline-style</a></li>
<li><a class="no" href="tests/outline-width.html">outline-width</a></li>
<li><a class="no" href="tests/overflow.html">overflow</a></li>
<li><a class="ok" href="tests/padding.html">padding</a></li>
<li><a class="ok" href="tests/padding-bottom.html">padding-bottom</a></li>
<li><a class="ok" href="tests/padding-left.html">padding-left</a></li>
<li><a class="ok" href="tests/padding-right.html">padding-right</a></li>
<li><a class="ok" href="tests/padding-top.html">padding-top</a></li>
<li><a class="no" href="tests/page-break-after.html">page-break-after</a></li>
<li><a class="no" href="tests/page-break-before.html">page-break-before</a></li>
<li><a class="no" href="tests/page-break-inside.html">page-break-inside</a></li>
<li><a class="no" href="tests/position.html">position</a></li>
<li><a class="no" href="tests/quotes.html">quotes</a></li>
<li><a class="no" href="tests/right.html">right</a></li>
<li><a class="no" href="tests/table-layout.html">table-layout</a></li>
<li><a class="ok" href="tests/text-align.html">text-align</a></li>
<li><a class="partly" href="tests/text-decoration.html">text-decoration</a> blink not working</li>
<li><a class="ok" href="tests/text-indent.html">text-indent</a></li>
<li><a class="ok" href="tests/text-transform.html">text-transform</a></li>
<li><a class="no" href="tests/top.html">top</a></li>
<li><a class="no" href="tests/unicode-bidi.html">unicode-bidi</a></li>
<li><a class="partly" href="tests/vertical-align.html">vertical-align</a> only sub and super are working</li>
<li><a class="no" href="tests/visibility.html">visibility</a></li>
<li><a class="ok" href="tests/white-space.html">white-space</a></li>
<li><a class="no" href="tests/widows.html">widows</a></li>
<li><a class="ok" href="tests/width.html">width</a></li>
<li><a class="ok" href="tests/word-spacing.html">word-spacing</a></li>
<li><a class="no" href="tests/z-index.html">z-index</a></li>
</ul>
<h2>Other tests:</h2>
<ul>
<li><a class="ok" href="tests/us_thickness.html">underline/strike/overline
    line thickness</a>
<li><a class="no" href="tests/discard-syntax-errors.html">discard
    syntax errors</a></li>
<li><a class="ok" href="tests/css-on-html-element.html">
CSS on HTML element</a></li>
<li><a class="ok" href="tests/body-background-color.html">
BODY background color</a></li>
<li><a class="ok" href="tests/important.html">!important</a></li>
<li><a class="ok" href="tests/border_background_margin.html">border, background, and margin</a></li>
<li><a class="ok" href="tests/adjacent_sibling.html">adjacent sibling selectors</a></li>
<li><a class="partly" href="tests/margin_collapse.html">collapsing margins</a></li>

</ul>
</body>
</html>