diff options
Diffstat (limited to 'old/css_compat/tests')
114 files changed, 2564 insertions, 0 deletions
diff --git a/old/css_compat/tests/Red.png b/old/css_compat/tests/Red.png Binary files differnew file mode 100644 index 0000000..39df4b0 --- /dev/null +++ b/old/css_compat/tests/Red.png diff --git a/old/css_compat/tests/adjacent_sibling.html b/old/css_compat/tests/adjacent_sibling.html new file mode 100644 index 0000000..9085599 --- /dev/null +++ b/old/css_compat/tests/adjacent_sibling.html @@ -0,0 +1,19 @@ +<html> +<head> +<title>adjacent sibling selectors</title> +<style type=text/css> +li, li + li + li { text-decoration: none } +li + li { text-decoration: underline } +</style> +</head> +<body> +<ul> +<li>foo bar</li> +<li>this and only this should be underlined</li> +<li>foo bar</li> +<li>foo bar</li> +<li>foo bar</li> +<li>foo bar</li> +</ul> +</body> +</html> diff --git a/old/css_compat/tests/background-attachment.html b/old/css_compat/tests/background-attachment.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/background-attachment.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/background-color.html b/old/css_compat/tests/background-color.html new file mode 100644 index 0000000..7bdccaa --- /dev/null +++ b/old/css_compat/tests/background-color.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {background-color: green} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/background-image.html b/old/css_compat/tests/background-image.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/background-image.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/background-position.html b/old/css_compat/tests/background-position.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/background-position.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/background-repeat.html b/old/css_compat/tests/background-repeat.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/background-repeat.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/background.html b/old/css_compat/tests/background.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/background.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/body-background-color.html b/old/css_compat/tests/body-background-color.html new file mode 100644 index 0000000..f2d2938 --- /dev/null +++ b/old/css_compat/tests/body-background-color.html @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<title>BODY background color</title> + +<style type="text/css" media="all"> + +body { + background-color: green; color: white; +} +</style> +</head> + +<body> + +<h3>This text should render white on a green canvas</h3> + +</body> +</html> diff --git a/old/css_compat/tests/border-bottom-color.html b/old/css_compat/tests/border-bottom-color.html new file mode 100644 index 0000000..5c42c59 --- /dev/null +++ b/old/css_compat/tests/border-bottom-color.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {border-bottom-color: green; border-bottom-style: solid; border-bottom-width: 2px} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/border-bottom-style.html b/old/css_compat/tests/border-bottom-style.html new file mode 100644 index 0000000..5c42c59 --- /dev/null +++ b/old/css_compat/tests/border-bottom-style.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {border-bottom-color: green; border-bottom-style: solid; border-bottom-width: 2px} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/border-bottom-width.html b/old/css_compat/tests/border-bottom-width.html new file mode 100644 index 0000000..5c42c59 --- /dev/null +++ b/old/css_compat/tests/border-bottom-width.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {border-bottom-color: green; border-bottom-style: solid; border-bottom-width: 2px} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/border-bottom.html b/old/css_compat/tests/border-bottom.html new file mode 100644 index 0000000..7423884 --- /dev/null +++ b/old/css_compat/tests/border-bottom.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {border-bottom: 2px solid green} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/border-collapse.html b/old/css_compat/tests/border-collapse.html new file mode 100644 index 0000000..6dcc12c --- /dev/null +++ b/old/css_compat/tests/border-collapse.html @@ -0,0 +1,233 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<title>Border Collapsing</title> + +<style type="text/css" media="all"> + +.word {background-color: orange} + + +table.separate { + border-collapse: separate; + margin: 10px; + border: 20px solid sienna; + padding: 40px; +} +table.collapse { + border-collapse: collapse; + margin: 15px; + border: 10px solid teal; + padding: 40px; +} +table.separate td { + margin: 40px; + border: 5px solid gray; + padding: 20px; +} +table.collapse td { + margin: 40px; + border: 5px solid gray; + padding: 20px; +} + + +table.coll1px { + border-collapse: collapse; + margin: 4px; +} +table.coll1px td { + border: 1px solid teal; + padding: 5px; +} +table.coll2px { + border-collapse: collapse; + margin: 4px; +} +table.coll2px td { + border: 2px solid teal; + padding: 5px; +} +table.coll3px { + border-collapse: collapse; + margin: 4px; +} +table.coll3px td { + border: 3px solid teal; + padding: 5px; +} +table.coll4px { + border-collapse: collapse; + margin: 4px; +} +table.coll4px td { + border: 4px solid teal; + padding: 5px; +} +table.coll10px { + border-collapse: collapse; + margin: 10px; +} +table.coll10px td { + border: 10px solid teal; + padding: 5px; +} + + +table.collapse2 { + border-collapse: collapse; + border: 1px solid sienna; + margin-bottom: 2em; +} +table.collapse2 td { + padding: 0.1em 1em; + border: 10px solid #aaa; +} +table.collapse2 th { + padding: 0.1em 1em; + border: 10px solid #aaa; +} + +</style> +</head> + +<body bgcolor="Thistle" _bgcolor="#F0F8FF"> +<big> +1.- Margin, border and padding test for separate and collapse border models: +</big> +<h4>Separate:</h4> + <table class="separate" cellpadding=0> + <tr><td>Carnivores<td><i class="word">Primates</i> + <tr><td>Tiger<td>Sifaka + </table> +<h4>Collapse:</h4> + <table class="collapse"> + <tr><td><i class="word">Carnivores</i><td>Primates + <tr><td>Tiger<td>Sifaka + </table> + + +<hr border=4> +<p><big> +2.- Test for different border widths in collapsing border model: +</big> + +<table class="coll1px"> +<tr><td rowspan="2">1px</td><td>1<td>2<tr><td>3<td>4 +</table> + +<table class="coll2px"> +<tr><td rowspan="2">2px</td><td>1<td>2<tr><td>3<td>4 +</table> + +<table class="coll3px"> +<tr><td rowspan="2">3px</td><td>1<td>2<tr><td>3<td>4 +</table> + +<table class="coll4px"> +<tr><td rowspan="2">4px</td><td>1<td>2<tr><td>3<td>4 +</table> + +<table class="coll10px"> +<tr><td rowspan="2">10px</td><td>1<td>2<tr><td>3<td>4 +</table> + + +<hr border=4> +<p><big> +3.- A sample wide-border table in both modes: +</big> +<h4>Separate:</h4> + <table class="collapse2" style="border-collapse: separate;"> + <tr> + <th colspan="2">Carnivores</th> + <th>Primates</th> + </tr> + <tr> + <td>Tiger</td> + <td>Grey Wolf</td> + <td>Indri</td> + </tr> + <tr> + <td rowspan="2">Cheetah</td> + <td>Cape hunting dog</td> + <td rowspan="2">Sifaka</td> + </tr> + <tr> + <td>Red fox</td> + </tr> + <tr> + <td>Wildcat</td> + <td>Fennec</td> + <td>Dwarf lemur</td> + </tr> + </table> + +<h4>Collapse:</h4> + <table class="collapse2"> + <tr> + <th colspan="2">Carnivores</th> + <th>Primates</th> + </tr> + <tr> + <td>Tiger</td> + <td>Grey Wolf</td> + <td>Indri</td> + </tr> + <tr> + <td rowspan="2">Cheetah</td> + <td>Cape hunting dog</td> + <td rowspan="2">Sifaka</td> + <tr> + <td>Red fox</td> + </tr> + <tr> + <td>Wildcat</td> + <td>Fennec</td> + <td>Dwarf lemur</td> + </tr> + </table> + +<hr border=4> +<p><big> +4.- <code>collapse</code> should overrule <code>cellspacing</code> +</big> +<h4>These tables should look the same:</h4> +<br> +<pre> +<table style="border-collapse: collapse;"> +</pre> + +<table class="collapse2"> +<tr> + <td>First TD of first TR</td> + <td>Second TD of first TR</td> + <td>Third TD of first TR</td> +</tr> +<tr> + <td>First TD of second TR</td> + <td></td> + <td>Third TD of second TR</td> +</tr> +</table> + +<pre> +<table style="border-collapse: collapse;" cellspacing="10"> +</pre> + +<table class="collapse2" cellspacing="10"> +<tr> + <td>First TD of first TR</td> + <td>Second TD of first TR</td> + <td>Third TD of first TR</td> +</tr> +<tr> + <td>First TD of second TR</td> + <td></td> + <td>Third TD of second TR</td> +</tr> +</table> + +</body> +</html> diff --git a/old/css_compat/tests/border-color.html b/old/css_compat/tests/border-color.html new file mode 100644 index 0000000..441bb21 --- /dev/null +++ b/old/css_compat/tests/border-color.html @@ -0,0 +1,19 @@ +<html> +<head> +<style type="text/css"> +div {border-color: red green blue yellow; border-width: 4px} +</style> +</head> +<body> + +<div style="border-style: solid"> solid </div><br> +<div style="border-style: dotted"> dotted </div><br> +<div style="border-style: dashed"> dashed </div><br> +<div style="border-style: double"> double </div><br> +<div style="border-style: groove"> groove </div><br> +<div style="border-style: ridge"> ridge </div><br> +<div style="border-style: inset"> inset </div><br> +<div style="border-style: outset"> outset </div><br> + +</body> +</html> diff --git a/old/css_compat/tests/border-left-color.html b/old/css_compat/tests/border-left-color.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/border-left-color.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/border-left-style.html b/old/css_compat/tests/border-left-style.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/border-left-style.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/border-left-width.html b/old/css_compat/tests/border-left-width.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/border-left-width.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/border-left.html b/old/css_compat/tests/border-left.html new file mode 100644 index 0000000..7423884 --- /dev/null +++ b/old/css_compat/tests/border-left.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {border-bottom: 2px solid green} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/border-right-color.html b/old/css_compat/tests/border-right-color.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/border-right-color.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/border-right-style.html b/old/css_compat/tests/border-right-style.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/border-right-style.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/border-right-width.html b/old/css_compat/tests/border-right-width.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/border-right-width.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/border-right.html b/old/css_compat/tests/border-right.html new file mode 100644 index 0000000..7423884 --- /dev/null +++ b/old/css_compat/tests/border-right.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {border-bottom: 2px solid green} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/border-style.html b/old/css_compat/tests/border-style.html new file mode 100644 index 0000000..53b1201 --- /dev/null +++ b/old/css_compat/tests/border-style.html @@ -0,0 +1,640 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<title>Border Styles</title> + +<style type="text/css" media="all"> +.t1t { border: 1px solid purple; padding: 0px;} +.t2t { border: 2px solid purple; padding: 0px;} +.t3t { border: 3px solid purple; padding: 0px;} +.t4t { border: 4px solid purple; padding: 0px;} +.t5t { border: 5px solid purple; padding: 0px;} + +.t1s { border: 1px solid olive; padding: 0px;} +.t2s { border: 2px solid olive; padding: 0px;} +.t3s { border: 3px solid olive; padding: 0px;} +.t4s { border: 4px solid olive; padding: 0px;} +.t5s { border: 5px solid olive; padding: 0px;} + +.t1u { border: 1px double brown; padding: 0px; } +.t2u { border: 2px double brown; padding: 0px; } +.t3u { border: 3px double brown; padding: 0px; } +.t4u { border: 4px double brown; padding: 0px; } +.t5u { border: 5px double brown; padding: 0px; } + +.t1i { border: 1px inset green; padding: 0px; } +.t2i { border: 2px inset green; padding: 0px; } +.t3i { border: 3px inset green; padding: 0px; } +.t4i { border: 4px inset green; padding: 0px; } +.t5i { border: 5px inset green; padding: 0px; } + +.t1o { border: 1px outset green; padding: 0px; } +.t2o { border: 2px outset green; padding: 0px; } +.t3o { border: 3px outset green; padding: 0px; } +.t4o { border: 4px outset green; padding: 0px; } +.t5o { border: 5px outset green; padding: 0px; } + +.t1r { border: 1px ridge sienna; padding: 0px;} +.t2r { border: 2px ridge sienna; padding: 0px;} +.t3r { border: 3px ridge sienna; padding: 0px;} +.t4r { border: 4px ridge sienna; padding: 0px;} +.t5r { border: 5px ridge sienna; padding: 0px;} + +.t1g { border: 1px groove sienna; padding: 0px;} +.t2g { border: 2px groove sienna; padding: 0px;} +.t3g { border: 3px groove sienna; padding: 0px;} +.t4g { border: 4px groove sienna; padding: 0px;} +.t5g { border: 5px groove sienna; padding: 0px;} + +.t1d { border: 1px dotted navy; padding: 0px;} +.t2d { border: 2px dotted navy; padding: 0px;} +.t3d { border: 3px dotted navy; padding: 0px;} +.t4d { border: 4px dotted navy; padding: 0px;} +.t5d { border: 5px dotted navy; padding: 0px;} + +.t1a { border: 1px dashed navy; padding: 0px;} +.t2a { border: 2px dashed navy; padding: 0px;} +.t3a { border: 3px dashed navy; padding: 0px;} +.t4a { border: 4px dashed navy; padding: 0px;} +.t5a { border: 5px dashed navy; padding: 0px;} + +.cell { + margin: 0px; + border: 0px; + padding: 0px; +} + +.bds { + border-style: solid; + border-top: 10px solid green; + border-right: 20px solid red; + border-left: 5px solid red; + border-bottom: 30px solid green; +} +.bdu { + border-style: double; + border-top: 10px double green; + border-right: 20px double red; + border-left: 5px double red; + border-bottom: 30px double green; +} +.bdi { + border-style: inset; + border-top: 10px inset green; + border-right: 20px inset red; + border-left: 5px inset red; + border-bottom: 30px inset green; +} +.bdo { + border-style: outset; + border-top: 10px outset green; + border-right: 20px outset red; + border-left: 5px outset red; + border-bottom: 30px outset green; +} +.bdr { + border-style: ridge; + border-top: 10px ridge green; + border-right: 20px ridge red; + border-left: 5px ridge red; + border-bottom: 30px ridge green; +} +.bdg { + border-style: groove; + border-top: 10px groove green; + border-right: 20px groove red; + border-left: 5px groove red; + border-bottom: 30px groove green; +} +.bdd { + border-style: dotted; + border-top: 10px dotted green; + border-right: 20px dotted red; + border-left: 5px dotted red; + border-bottom: 30px dotted green; +} +.bda { + border-style: dashed; + border-top: 10px dashed green; + border-right: 20px dashed red; + border-left: 5px dashed red; + border-bottom: 30px dashed green; +} + +.one {border: 20px; border-style:dotted solid dashed double;} +.two {border: 20px; border-style:dotted solid dashed;} +.three {border: 20px; border-style:dotted solid;} +.four {border: 20px; border-style:dotted;} +.five {border: 20px; border-style:solid dotted;} +.e {border:20px none;} +.f {border:20px hidden;} +.g {border:20px groove;} +.h {border:20px double;} +.i {border:20px ridge;} +.j {border:20px inset teal;} +.k {border:20px outset;} +.l {border: 20px; border-style:double ridge;} +.m {border: 20px; border-style:groove double;} + +</style> +</head> + +<body> +<big>1. Different border-styles in varying widths:</big> +<br><br> +<table style="border: 2px solid maroon;"> +<tr> + +<td>solid + + <table> + <tr> + <td> + <table class="t1s"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t1s"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t1s"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t1s"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t1s"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t1s"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t2s"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t2s"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t2s"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t2s"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t2s"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t2s"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t3s"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t3s"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t3s"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t3s"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t3s"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t3s"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t4s"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t4s"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t4s"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t4s"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t4s"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t4s"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t5s"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t5s"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t5s"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t5s"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t5s"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t5s"><tr><td class="cell"><img src="gray10x10.png"></table> + </table> + +<td>double + + <table> + <tr> + <td> + <table class="t1u"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t1u"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t1u"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t1u"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t1u"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t1u"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t2u"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t2u"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t2u"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t2u"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t2u"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t2u"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t3u"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t3u"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t3u"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t3u"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t3u"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t3u"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t4u"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t4u"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t4u"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t4u"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t4u"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t4u"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t5u"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t5u"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t5u"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t5u"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t5u"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t5u"><tr><td class="cell"><img src="gray10x10.png"></table> + </table> + +<td>inset + + <table> + <tr> + <td> + <table class="t1i"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t1i"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t1i"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t1i"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t1i"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t1i"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t2i"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t2i"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t2i"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t2i"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t2i"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t2i"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t3i"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t3i"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t3i"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t3i"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t3i"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t3i"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t4i"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t4i"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t4i"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t4i"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t4i"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t4i"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t5i"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t5i"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t5i"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t5i"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t5i"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t5i"><tr><td class="cell"><img src="gray10x10.png"></table> + </table> + +<td>outset + + <table> + <tr> + <td> + <table class="t1o"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t1o"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t1o"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t1o"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t1o"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t1o"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t2o"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t2o"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t2o"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t2o"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t2o"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t2o"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t3o"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t3o"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t3o"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t3o"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t3o"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t3o"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t4o"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t4o"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t4o"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t4o"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t4o"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t4o"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t5o"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t5o"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t5o"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t5o"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t5o"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t5o"><tr><td class="cell"><img src="gray10x10.png"></table> + </table> + +<td>ridge + + <table> + <tr> + <td> + <table class="t1r"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t1r"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t1r"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t1r"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t1r"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t1r"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t2r"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t2r"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t2r"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t2r"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t2r"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t2r"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t3r"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t3r"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t3r"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t3r"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t3r"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t3r"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t4r"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t4r"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t4r"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t4r"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t4r"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t4r"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t5r"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t5r"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t5r"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t5r"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t5r"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t5r"><tr><td class="cell"><img src="gray10x10.png"></table> + </table> + +<td>groove + + <table> + <tr> + <td> + <table class="t1g"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t1g"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t1g"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t1g"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t1g"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t1g"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t2g"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t2g"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t2g"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t2g"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t2g"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t2g"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t3g"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t3g"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t3g"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t3g"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t3g"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t3g"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t4g"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t4g"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t4g"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t4g"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t4g"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t4g"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t5g"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t5g"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t5g"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t5g"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t5g"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t5g"><tr><td class="cell"><img src="gray10x10.png"></table> + </table> + +<td>dotted + + <table> + <tr> + <td> + <table class="t1d"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t1d"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t1d"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t1d"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t1d"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t1d"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t2d"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t2d"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t2d"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t2d"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t2d"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t2d"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t3d"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t3d"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t3d"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t3d"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t3d"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t3d"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t4d"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t4d"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t4d"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t4d"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t4d"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t4d"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t5d"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t5d"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t5d"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t5d"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t5d"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t5d"><tr><td class="cell"><img src="gray10x10.png"></table> + </table> + +<td>dashed + + <table> + <tr> + <td> + <table class="t1a"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t1a"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t1a"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t1a"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t1a"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t1a"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t2a"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t2a"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t2a"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t2a"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t2a"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t2a"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t3a"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t3a"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t3a"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t3a"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t3a"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t3a"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t4a"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t4a"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t4a"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t4a"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t4a"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t4a"><tr><td class="cell"><img src="gray10x10.png"></table> + <td> + <table class="t5a"><tr><td class="cell"><img src="gray1x1.png"></table> + <table class="t5a"><tr><td class="cell"><img src="gray2x2.png"></table> + <table class="t5a"><tr><td class="cell"><img src="gray3x3.png"></table> + <table class="t5a"><tr><td class="cell"><img src="gray4x4.png"></table> + <table class="t5a"><tr><td class="cell"><img src="gray5x5.png"></table> + <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table> + <br><table class="t5a"><tr><td class="cell"><img src="gray10x10.png"></table> + </table> + + +</table> + +<br><br> +<table cellpadding="20"> +<tr> +<td> + <table class="bds"> + <tr><td class="cell"><img src="Red.png"></table> +<td> + <table class="bdu"> + <tr><td class="cell"><img src="Red.png"></table> +<td> + <table class="bdi"> + <tr><td class="cell"><img src="Red.png"></table> +<td> + <table class="bdo"> + <tr><td class="cell"><img src="Red.png"></table> +<td> + <table class="bdr"> + <tr><td class="cell"><img src="Red.png"></table> +<td> + <table class="bdg"> + <tr><td class="cell"><img src="Red.png"></table> +<td> + <table class="bdd"> + <tr><td class="cell"><img src="Red.png"></table> +<td> + <table class="bda"> + <tr><td class="cell"><img src="Red.png"></table> +</table> + + +<br><br> +<hr border="4"> +<big>2.- Mixed styles and single-style progressive width:</big> +<br><br> +<table border="0" cellspacing="10"> +<tr> +<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px +<td class="one"><img src="sq.gif"><br>dotted solid dashed double +<td class="two"><img src="sq.gif"><br>dotted solid dashed +<td class="three"><img src="sq.gif"><br>dotted solid +<td class="four"><img src="sq.gif"><br>dotted +<td class="five"><img src="sq.gif"><br>solid dotted +<td class="e"><img src="sq.gif"><br>none +<td class="f"><img src="sq.gif"><br>hidden +<tr> +<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px +<td class="g"><img src="sq.gif"><br>groove +<td class="h"><img src="sq.gif"><br>double +<td class="i"><img src="sq.gif"><br>ridge +<td class="j"><img src="sq.gif"><br>inset +<td class="k"><img src="sq.gif"><br>outset +<td class="l"><img src="sq.gif"><br>double ridge +<td class="m"><img src="sq.gif"><br>groove double +<tr> +<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px +<td style="border:1px inset chocolate;"><img src="sq.gif"><br>inset 1px +<td style="border:2px inset chocolate;"><img src="sq.gif"><br>inset 2px +<td style="border:3px inset chocolate;"><img src="sq.gif"><br>inset 3px +<td style="border:4px inset chocolate;"><img src="sq.gif"><br>inset 4px +<td style="border:5px inset chocolate;"><img src="sq.gif"><br>inset 5px +<td style="border:6px inset chocolate;"><img src="sq.gif"><br>inset 6px +<td style="border:7px inset chocolate;"><img src="sq.gif"><br>inset 7px +<tr> +<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px +<td style="border:1px double;"><img src="sq.gif"><br>double 1px +<td style="border:2px double;"><img src="sq.gif"><br>double 2px +<td style="border:3px double;"><img src="sq.gif"><br>double 3px +<td style="border:4px double;"><img src="sq.gif"><br>double 4px +<td style="border:5px double;"><img src="sq.gif"><br>double 5px +<td style="border:6px double;"><img src="sq.gif"><br>double 6px +<td style="border:7px double;"><img src="sq.gif"><br>double 7px +<tr> +<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px +<td style="border:1px dotted;"><img src="sq.gif"><br>dotted 1px +<td style="border:2px dotted;"><img src="sq.gif"><br>dotted 2px +<td style="border:3px dotted;"><img src="sq.gif"><br>dotted 3px +<td style="border:4px dotted;"><img src="sq.gif"><br>dotted 4px +<td style="border:5px dotted;"><img src="sq.gif"><br>dotted 5px +<td style="border:6px dotted;"><img src="sq.gif"><br>dotted 6px +<td style="border:7px dotted;"><img src="sq.gif"><br>dotted 7px +<tr> +<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px +<td style="border:1px dashed;"><img src="sq.gif"><br>dashed 1px +<td style="border:2px dashed;"><img src="sq.gif"><br>dashed 2px +<td style="border:3px dashed;"><img src="sq.gif"><br>dashed 3px +<td style="border:4px dashed;"><img src="sq.gif"><br>dashed 4px +<td style="border:5px dashed;"><img src="sq.gif"><br>dashed 5px +<td style="border:6px dashed;"><img src="sq.gif"><br>dashed 6px +<td style="border:7px dashed;"><img src="sq.gif"><br>dashed 7px +<tr> +<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px +<td style="border:1px ridge;"><img src="sq.gif"><br>ridge 1px +<td style="border:2px ridge;"><img src="sq.gif"><br>ridge 2px +<td style="border:3px ridge;"><img src="sq.gif"><br>ridge 3px +<td style="border:4px ridge;"><img src="sq.gif"><br>ridge 4px +<td style="border:5px ridge;"><img src="sq.gif"><br>ridge 5px +<td style="border:6px ridge;"><img src="sq.gif"><br>ridge 6px +<td style="border:7px ridge;"><img src="sq.gif"><br>ridge 7px +<tr> +<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px +<td style="border:1px groove;"><img src="sq.gif"><br>groove 1px +<td style="border:2px groove;"><img src="sq.gif"><br>groove 2px +<td style="border:3px groove;"><img src="sq.gif"><br>groove 3px +<td style="border:4px groove;"><img src="sq.gif"><br>groove 4px +<td style="border:5px groove;"><img src="sq.gif"><br>groove 5px +<td style="border:6px groove;"><img src="sq.gif"><br>groove 6px +<td style="border:7px groove;"><img src="sq.gif"><br>groove 7px +<tr> +<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px +<td style="border:1px solid;"><img src="sq.gif"><br>solid 1px +<td style="border:2px solid;"><img src="sq.gif"><br>solid 2px +<td style="border:3px solid;"><img src="sq.gif"><br>solid 3px +<td style="border:4px solid;"><img src="sq.gif"><br>solid 4px +<td style="border:5px solid;"><img src="sq.gif"><br>solid 5px +<td style="border:6px solid;"><img src="sq.gif"><br>solid 6px +<td style="border:7px solid;"><img src="sq.gif"><br>solid 7px + +</table> + +</body> +</html> diff --git a/old/css_compat/tests/border-top-color.html b/old/css_compat/tests/border-top-color.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/border-top-color.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/border-top-style.html b/old/css_compat/tests/border-top-style.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/border-top-style.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/border-top-width.html b/old/css_compat/tests/border-top-width.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/border-top-width.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/border-top.html b/old/css_compat/tests/border-top.html new file mode 100644 index 0000000..7423884 --- /dev/null +++ b/old/css_compat/tests/border-top.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {border-bottom: 2px solid green} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/border-width.html b/old/css_compat/tests/border-width.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/border-width.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/border.html b/old/css_compat/tests/border.html new file mode 100644 index 0000000..a05f97c --- /dev/null +++ b/old/css_compat/tests/border.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {border: 2px solid green} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/border_background_margin.html b/old/css_compat/tests/border_background_margin.html new file mode 100644 index 0000000..7bf6043 --- /dev/null +++ b/old/css_compat/tests/border_background_margin.html @@ -0,0 +1,12 @@ +<html> +<head> +<title>border, background, and margin</title> +<style type=text/css> +.a { background-color: green; margin-top: 1em; border: 1px solid} +</style> +</head> +<body> +<div></div> +<div class="a">there should be a green box with a single 1px border</div> +</body> +</html> diff --git a/old/css_compat/tests/bottom.html b/old/css_compat/tests/bottom.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/bottom.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/caption-side.html b/old/css_compat/tests/caption-side.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/caption-side.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/clear.html b/old/css_compat/tests/clear.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/clear.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/clip.html b/old/css_compat/tests/clip.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/clip.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/color.html b/old/css_compat/tests/color.html new file mode 100644 index 0000000..cba7876 --- /dev/null +++ b/old/css_compat/tests/color.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {color: green} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/content.html b/old/css_compat/tests/content.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/content.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/counter-increment.html b/old/css_compat/tests/counter-increment.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/counter-increment.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/counter-reset.html b/old/css_compat/tests/counter-reset.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/counter-reset.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/css-on-html-element.html b/old/css_compat/tests/css-on-html-element.html new file mode 100644 index 0000000..a7a28e8 --- /dev/null +++ b/old/css_compat/tests/css-on-html-element.html @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<title>CSS on HTML element</title> + +<style type="text/css" media="all"> + +html { + background-color: green; color: red; +} + +body { + background-color: white +} +</style> +</head> + +<body> + +<h3>This text should render red in a white background box on a green canvas</h3> + +</body> +</html> diff --git a/old/css_compat/tests/cursor.html b/old/css_compat/tests/cursor.html new file mode 100644 index 0000000..207a1a6 --- /dev/null +++ b/old/css_compat/tests/cursor.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {cursor: crosshair} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/dillo1.png b/old/css_compat/tests/dillo1.png Binary files differnew file mode 100644 index 0000000..750f900 --- /dev/null +++ b/old/css_compat/tests/dillo1.png diff --git a/old/css_compat/tests/dillo2.png b/old/css_compat/tests/dillo2.png Binary files differnew file mode 100644 index 0000000..61df59b --- /dev/null +++ b/old/css_compat/tests/dillo2.png diff --git a/old/css_compat/tests/dillo3.png b/old/css_compat/tests/dillo3.png Binary files differnew file mode 100644 index 0000000..8972298 --- /dev/null +++ b/old/css_compat/tests/dillo3.png diff --git a/old/css_compat/tests/direction.html b/old/css_compat/tests/direction.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/direction.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/discard-syntax-errors.html b/old/css_compat/tests/discard-syntax-errors.html new file mode 100644 index 0000000..cbe148a --- /dev/null +++ b/old/css_compat/tests/discard-syntax-errors.html @@ -0,0 +1,52 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<title>discard CSS syntax errors</title> + +<style type="text/css" media="all"> + +.word { + background-color: orange +} + +table.separate { + border-collapse: separate; +} +table.separatebogus { + border-collapse: separate; + margin: 10px foo bar; + border: 20px #foo bar; + padding: 40px baz; +} + +.tdbogus { + margin: 5px baz; + border: 10px solido #aaa; + padding: 20px 34; +} +.tdok { + border: 5px solid red; +} +</style> +</head> + +<body bgcolor="#F0F8FF"> + +<h3>Separate:</h3> +These tables should render equal when CSS syntax errors are discarded: +<p> + <table class="separate" border=1> + <tr><td>Carnivores<td><i class="word">Primates</i> + <tr><td class="tdok">Tiger<td>Sifaka + </table> +<br> + <table class="separatebogus" border=1> + <tr><td class="tdbogus">Carnivores<td><i class="word">Primates</i> + <tr><td class="tdok">Tiger<td>Sifaka + </table> +<br> +<hr> + +</body> +</html> diff --git a/old/css_compat/tests/display.html b/old/css_compat/tests/display.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/display.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/empty-cells.html b/old/css_compat/tests/empty-cells.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/empty-cells.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/float.html b/old/css_compat/tests/float.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/float.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/font-family.html b/old/css_compat/tests/font-family.html new file mode 100644 index 0000000..3ae2b21 --- /dev/null +++ b/old/css_compat/tests/font-family.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {font-family: arial} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/font-size.html b/old/css_compat/tests/font-size.html new file mode 100644 index 0000000..bfa4625 --- /dev/null +++ b/old/css_compat/tests/font-size.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {font-size: 2em} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/font-style.html b/old/css_compat/tests/font-style.html new file mode 100644 index 0000000..73839fe --- /dev/null +++ b/old/css_compat/tests/font-style.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {font-style: italic} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/font-variant.html b/old/css_compat/tests/font-variant.html new file mode 100644 index 0000000..b45c50d --- /dev/null +++ b/old/css_compat/tests/font-variant.html @@ -0,0 +1,39 @@ +<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'> +<html> +<head> +<title>font-variant test</title> +<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> +<style type="text/css"> +.title {background-color: orange} +.sc {font-variant:small-caps;} +</style> +</head> + +<body> +<h2 class="title">Small caps test</h2> +<hr> + +<table width="100%"> +<tr style="font-size: 500%;"> <td>Normal, CAPS <td class="sc">Small Caps +<tr style="font-size: 400%;"> <td>Normal, CAPS <td class="sc"><i>Small Caps</i> +<tr style="font-size: 300%;"> <td>Normal, CAPS <td class="sc"><b>Small Caps</b> +<tr style="font-size: 200%;"> <td>Normal, CAPS <td class="sc">Small Caps +<tr style="font-size: 100%;"> <td>Normal, CAPS <td class="sc">Small Caps +<tr style="font-size: 50%;" > <td>Normal, CAPS <td class="sc">Small Caps +</table> + +<hr> +<p> +Utf8 lowercase: "àáâãäåæçèéêëìíîïðñòóôõöøùúûüßý"<br> +Utf8 small-caps <span class="sc">"àáâãäåæçèéêëìíîïðñòóôõöøùúûüßý"</span> +<p> +<table> +<tr><td>Normal text: + <td>This is a length TEST for the conversion +<tr><td>Small-caps: + <td class="sc">This is a length TEST for the conversion. +</table> +</body> + +</html> + diff --git a/old/css_compat/tests/font-weight.html b/old/css_compat/tests/font-weight.html new file mode 100644 index 0000000..2b5dadc --- /dev/null +++ b/old/css_compat/tests/font-weight.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {font-weight: bolder} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/font.html b/old/css_compat/tests/font.html new file mode 100644 index 0000000..89de589 --- /dev/null +++ b/old/css_compat/tests/font.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {font: arial 2em bolder} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/gray10x10.png b/old/css_compat/tests/gray10x10.png Binary files differnew file mode 100644 index 0000000..5c544d1 --- /dev/null +++ b/old/css_compat/tests/gray10x10.png diff --git a/old/css_compat/tests/gray1x1.png b/old/css_compat/tests/gray1x1.png Binary files differnew file mode 100644 index 0000000..805d238 --- /dev/null +++ b/old/css_compat/tests/gray1x1.png diff --git a/old/css_compat/tests/gray2x2.png b/old/css_compat/tests/gray2x2.png Binary files differnew file mode 100644 index 0000000..8eee816 --- /dev/null +++ b/old/css_compat/tests/gray2x2.png diff --git a/old/css_compat/tests/gray3x3.png b/old/css_compat/tests/gray3x3.png Binary files differnew file mode 100644 index 0000000..e74769d --- /dev/null +++ b/old/css_compat/tests/gray3x3.png diff --git a/old/css_compat/tests/gray4x4.png b/old/css_compat/tests/gray4x4.png Binary files differnew file mode 100644 index 0000000..3c5838f --- /dev/null +++ b/old/css_compat/tests/gray4x4.png diff --git a/old/css_compat/tests/gray5x5.png b/old/css_compat/tests/gray5x5.png Binary files differnew file mode 100644 index 0000000..8e42625 --- /dev/null +++ b/old/css_compat/tests/gray5x5.png diff --git a/old/css_compat/tests/green.png b/old/css_compat/tests/green.png Binary files differnew file mode 100644 index 0000000..34cb6f8 --- /dev/null +++ b/old/css_compat/tests/green.png diff --git a/old/css_compat/tests/height.html b/old/css_compat/tests/height.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/height.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/important.html b/old/css_compat/tests/important.html new file mode 100644 index 0000000..f8297ef --- /dev/null +++ b/old/css_compat/tests/important.html @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>!important handling</title> +<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> +<style type="text/css"> +div { + background-color: red; + color: red !important; + text-decoration: none !important +} +</style> +</head> +<body> + <div style="background-color: green; color: white !important; text-decoration: strike-through"> + <h1>Should be white on green and not strike-through</h1> + <ul> + <li>Style attributes overwrite CSS in style-tags or stylesheets.</li> + <li>Important declarations in style-tags or stylesheets overwrite + style attributes.</li> + <li>Important style attribute declarations overwrite important declarations + in style-tags or stylesheets.</li> + </ul> + </div> +</body> +</html> diff --git a/old/css_compat/tests/left.html b/old/css_compat/tests/left.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/left.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/letter-spacing.html b/old/css_compat/tests/letter-spacing.html new file mode 100644 index 0000000..26e5292 --- /dev/null +++ b/old/css_compat/tests/letter-spacing.html @@ -0,0 +1,26 @@ +<html> +<body> +<span style="letter-spacing: 5px">With a lot of combining characters that +fltk doesn't really position spectacularly</span> +<p> +<span>á áá ááá áááá</span> +<p> +<span>Ḿ ḾḾ ḾḾḾ ḾḾḾḾ</span> +<p> +<span>í íí ííí íííí</span> +<p> +<span style="letter-spacing: 2em">a aa aaa aaaa</span> +<p> +<span style="letter-spacing: 2em">á áá ááá áááá</span> +<p> +<span style="letter-spacing: 2em"> M̈ M̈M̈ M̈M̈M̈ M̈M̈M̈M̈</span> +<p> +<span style="letter-spacing: 2em">í íí ííí íííí</span> +<p> +<span style="letter-spacing: 2em">Ḿ ḾḾ ḾḾḾ ḾḾḾḾ</span> +<p> +<span style="font-variant: small-caps; letter-spacing: 2em">á áá ááá áááá</span> +<p> +<span style="text-transform: uppercase; font-variant: small-caps; letter-spacing: 2em">á áá ááá áááá</span> +</body> +</html> diff --git a/old/css_compat/tests/line-height.html b/old/css_compat/tests/line-height.html new file mode 100644 index 0000000..83e79c2 --- /dev/null +++ b/old/css_compat/tests/line-height.html @@ -0,0 +1,15 @@ +<html> +<head> +<style type="text/css"> +div {line-height: 2em} +</style> +</head> +<body> +<div> +dillo<br> +dillo<br> +dillo<br> +dillo<br> +</div> +</body> +</html> diff --git a/old/css_compat/tests/list-style-image.html b/old/css_compat/tests/list-style-image.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/list-style-image.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/list-style-position.html b/old/css_compat/tests/list-style-position.html new file mode 100644 index 0000000..e66990e --- /dev/null +++ b/old/css_compat/tests/list-style-position.html @@ -0,0 +1,72 @@ +<html> +<head> +<style type="text/css"> +li {border: 1px solid black} +.a {list-style-position: inside } +.b {list-style-position: outside } +</style> +</head> +<body> +<ol class="a"> +<li> +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +</li> +<li> +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +</li> +<li> +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +inside inside inside inside inside inside inside inside +</li> +</ol> +<ol class="b"> +<li> +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +</li> +<li> +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +</li> +<li> +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +outside outside outside outside outside outside outside outside +</li> +</ol> +</body> +</html> diff --git a/old/css_compat/tests/list-style-type.html b/old/css_compat/tests/list-style-type.html new file mode 100644 index 0000000..65f34c3 --- /dev/null +++ b/old/css_compat/tests/list-style-type.html @@ -0,0 +1,86 @@ +<html> +<head> +<style type="text/css"> +.a {list-style-type: none } +.b {list-style-type: circle } +.c {list-style-type: square } +.d {list-style-type: disc } +.e {list-style-type: decimal } +.f {list-style-type: lower-roman } +.g {list-style-type: upper-roman } +.h {list-style-type: decimal-leading-zero } +.i {list-style-type: lower-greek } +.j {list-style-type: lower-latin } +.k {list-style-type: upper-latin } +.l {list-style-type: armenian } +.m {list-style-type: georgian } +</style> +</head> +<body> +<ul class="a"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="b"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="c"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="d"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="e"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="f"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="g"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="h"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="i"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="j"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="k"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="l"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="m"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +</body> +</html> diff --git a/old/css_compat/tests/list-style.html b/old/css_compat/tests/list-style.html new file mode 100644 index 0000000..c4cc881 --- /dev/null +++ b/old/css_compat/tests/list-style.html @@ -0,0 +1,30 @@ +<html> +<head> +<style type="text/css"> +.a {list-style: none } +.b {list-style: lower-roman } +</style> +</head> +<body> +<ol class="a"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ol> +<ol class="b"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ol> +<ul class="3"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +<ul class="4"> +<li>dillo</li> +<li>dillo</li> +<li>dillo</li> +</ul> +</body> +</html> diff --git a/old/css_compat/tests/margin-bottom.html b/old/css_compat/tests/margin-bottom.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/margin-bottom.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/margin-left.html b/old/css_compat/tests/margin-left.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/margin-left.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/margin-right.html b/old/css_compat/tests/margin-right.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/margin-right.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/margin-top.html b/old/css_compat/tests/margin-top.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/margin-top.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/margin.html b/old/css_compat/tests/margin.html new file mode 100644 index 0000000..d9c61aa --- /dev/null +++ b/old/css_compat/tests/margin.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {margin: 2em; border: 1px solid black} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/margin_collapse.html b/old/css_compat/tests/margin_collapse.html new file mode 100644 index 0000000..e30ec4c --- /dev/null +++ b/old/css_compat/tests/margin_collapse.html @@ -0,0 +1,18 @@ +<html> +<head> +<title>Collapsing margins</title> +<style type=text/css> +div { margin-top: 100px; } +</style> +</head> +<body> +<h1>Collapsing of parent top margin with first child top margin</h1> +<div> + <div> + <div style="border: 1px solid black"> +There should be a 100px vertical space above. + </div> + </div> +</div> +</body> +</html> diff --git a/old/css_compat/tests/max-height.html b/old/css_compat/tests/max-height.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/max-height.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/max-width.html b/old/css_compat/tests/max-width.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/max-width.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/min-height.html b/old/css_compat/tests/min-height.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/min-height.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/min-width.html b/old/css_compat/tests/min-width.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/min-width.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/orphans.html b/old/css_compat/tests/orphans.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/orphans.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/outline-color.html b/old/css_compat/tests/outline-color.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/outline-color.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/outline-style.html b/old/css_compat/tests/outline-style.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/outline-style.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/outline-width.html b/old/css_compat/tests/outline-width.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/outline-width.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/outline.html b/old/css_compat/tests/outline.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/outline.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/overflow.html b/old/css_compat/tests/overflow.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/overflow.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/padding-bottom.html b/old/css_compat/tests/padding-bottom.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/padding-bottom.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/padding-left.html b/old/css_compat/tests/padding-left.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/padding-left.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/padding-right.html b/old/css_compat/tests/padding-right.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/padding-right.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/padding-top.html b/old/css_compat/tests/padding-top.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/padding-top.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/padding.html b/old/css_compat/tests/padding.html new file mode 100644 index 0000000..c3836e4 --- /dev/null +++ b/old/css_compat/tests/padding.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {padding: 2em; border: 1px solid black} +</style> +</head> +<body> +<div>dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/page-break-after.html b/old/css_compat/tests/page-break-after.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/page-break-after.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/page-break-before.html b/old/css_compat/tests/page-break-before.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/page-break-before.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/page-break-inside.html b/old/css_compat/tests/page-break-inside.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/page-break-inside.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/position.html b/old/css_compat/tests/position.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/position.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/quotes.html b/old/css_compat/tests/quotes.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/quotes.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/right.html b/old/css_compat/tests/right.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/right.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/sq.gif b/old/css_compat/tests/sq.gif Binary files differnew file mode 100644 index 0000000..73e8090 --- /dev/null +++ b/old/css_compat/tests/sq.gif diff --git a/old/css_compat/tests/table-layout.html b/old/css_compat/tests/table-layout.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/table-layout.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/text-align.html b/old/css_compat/tests/text-align.html new file mode 100644 index 0000000..a37a38f --- /dev/null +++ b/old/css_compat/tests/text-align.html @@ -0,0 +1,41 @@ +<html> +<head> +<style type="text/css"> +.a {text-align: left} +.b {text-align: right} +.c {text-align: center} +.d {text-align: justified} +</style> +</head> +<body> + +<div class="a"> +left left left left left left left left left left left left left left +left left left left left left left left left left left left left left +left left left left left left left left left left left left left left +left left left left left left left left left left left left left left +left left left left left left left left left left left left left left +</div> +<div class="b"> +right right right right right right right right right right right right +right right right right right right right right right right right right +right right right right right right right right right right right right +right right right right right right right right right right right right +right right right right right right right right right right right right +</div> +<div class="c"> +center center center center center center center center center center center +center center center center center center center center center center center +center center center center center center center center center center center +center center center center center center center center center center center +center center center center center center center center center center center +</div> +<div class="d"> +justified justified justified justified justified justified justified justified +justified justified justified justified justified justified justified justified +justified justified justified justified justified justified justified justified +justified justified justified justified justified justified justified justified +justified justified justified justified justified justified justified justified +</div> +</body> +</html> diff --git a/old/css_compat/tests/text-decoration.html b/old/css_compat/tests/text-decoration.html new file mode 100644 index 0000000..904fd36 --- /dev/null +++ b/old/css_compat/tests/text-decoration.html @@ -0,0 +1,18 @@ +<html> +<head> +<style type="text/css"> +.a {text-decoration: none} +.b {text-decoration: underline} +.c {text-decoration: overline} +.d {text-decoration: line-through} +.e {text-decoration: blink} +</style> +</head> +<body> +<div class="a">dillo</div> +<div class="b">dillo</div> +<div class="c">dillo</div> +<div class="d">dillo</div> +<div class="e">dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/text-indent.html b/old/css_compat/tests/text-indent.html new file mode 100644 index 0000000..19fd5a4 --- /dev/null +++ b/old/css_compat/tests/text-indent.html @@ -0,0 +1,107 @@ +<head> +ordinary text + +<div style="text-indent: 0">zero indent</div> + +<div style="text-indent: 90%">indent 90%</div> + +<div style="text-indent: 20px">indent 20px</div> + +<div style="text-indent: 2000px">indent 2000 px</div> + +<div style="text-indent: -2000px">indent -2000 px</div> + +<div style="text-indent: 2000000px">indent two million px</div> + +<div style="text-indent: -2000000px">indent negative two million px</div> + +<div style="text-indent: -20px">indent -20px</div> + +<div style="text-indent: 0%">indent 0%</div> + +<div style="text-indent: 50%">indent 50%</div> + +<div style="text-indent: -50%">indent -50%</div> + +<div style="text-indent: -50000%">indent -50000%</div> + +<div style="text-indent: 50000%">indent 50000%</div> + +<div style="text-indent: 90%">indent 90%</div> + + + + +<table border=1> +<tr><td> +ordinary text +<tr><td> +<div style="text-indent: 0">zero indent</div> +<tr><td> +<div style="text-indent: 90%">indent 90%</div> +<tr><td> +<div style="text-indent: 20px">indent 20px</div> +<tr><td> +<div style="text-indent: 2000px">indent 2000 px</div> +<tr><td> +<div style="text-indent: -2000px">indent -2000 px</div> +<tr><td> +<div style="text-indent: 2000000px">indent two million px</div> +<tr><td> +<div style="text-indent: -2000000px">indent negative two million px</div> +<tr><td> +<div style="text-indent: -20px">indent -20px</div> +<tr><td> +<div style="text-indent: 0%">indent 0%</div> +<tr><td> +<div style="text-indent: 50%">indent 50%</div> +<tr><td> +<div style="text-indent: -50%">indent -50%</div> +<tr><td> +<div style="text-indent: -50000%">indent -50000%</div> +<tr><td> +<div style="text-indent: 50000%">indent 50000%</div> +<tr><td> +<div style="text-indent: 90%">indent 90%</div> +</table> + +<table border=1 style="text-indent: 1em"> +<tr><td>text-indent<td>on<td>table +</table> +<p> + +<div style="text-indent: 1em"> +<table border=1> +<tr><td>text-indent<td>on<td>div<td>surrounding<td>table +</table> +<p> + +<div style="text-indent: 3em; border: 1px solid"> +<div style="text-indent: 3em; border: 1px solid"> +<img src="http://www.dillo.org/SOME_IMAGE" alt="[IMG]" width=20> +image inline widget +</div> +word +</div> +<p> + +<div style="text-indent: 3em; border: 1px solid"> +<div style="text-indent: 3em; border: 1px solid"> +nested div itself is not indented +</div> +word +</div> +<p> + +<div style="text-indent: 3em; border: 1px solid"> +<hr> +ruler block +</div> +<p> + +<div style="text-indent: 3em; border: 1px solid"> +<table border=1> + <tr><td>table<td>itself<td>is<td>not<td>indented +</table> +table block +</div> diff --git a/old/css_compat/tests/text-transform.html b/old/css_compat/tests/text-transform.html new file mode 100644 index 0000000..fe2f32d --- /dev/null +++ b/old/css_compat/tests/text-transform.html @@ -0,0 +1,161 @@ +<html> +<head> +<title>text-transform</title> +<style type="text/css"> +.cap {text-transform: capitalize} +.low {text-transform: lowercase} +.up {text-transform: uppercase} +</style> +</head> +<body> +<table border=1> +<tr><th>none<th>capitalize<th>lowercase<th>uppercase</tr> +<tr style="text-decoration: line-through"> +<td>Line through +<td class=cap>Line through +<td class=low>Line through +<td class=up>Line through +<tr> +<td>One initial capital +<td class=cap>One initial capital +<td class=low>One initial capital +<td class=up>One initial capital +<tr> +<td>all in lower +<td class=cap>all in lower +<td class=low>all in lower +<td class=up>all in lower +<tr> +<td>ALL IN UPPER +<td class=cap>ALL IN UPPER +<td class=low>ALL IN UPPER +<td class=up>ALL IN UPPER +<tr> +<td>?all in lower +<td class=cap>?all in lower +<td class=low>?all in lower +<td class=up>?all in lower +<tr> +<td>?ALL IN UPPER +<td class=cap>?ALL IN UPPER +<td class=low>?ALL IN UPPER +<td class=up>?ALL IN UPPER +<tr> +<td>? +<td class=cap>? +<td class=low>? +<td class=up>? +<tr> +<td>M +<td class=cap>M +<td class=low>M +<td class=up>M +<tr> +<td>m +<td class=cap>m +<td class=low>m +<td class=up>m +<tr> +<td>ß +<td class=cap>ß +<td class=low>ß +<td class=up>ß +<tr> +<td>ßaß +<td class=cap>ßaß +<td class=low>ßaß +<td class=up>ßaß +<tr> +<td>Σßaß +<td class=cap>Σßaß +<td class=low>Σßaß +<td class=up>Σßaß +<tr> +<td>Σ +<td class=cap>Σ +<td class=low>Σ +<td class=up>Σ +<tr> +<td>öö +<td class=cap>öö +<td class=low>öö +<td class=up>öö +<tr> +<td>"öö" +<td class=cap>"öö" +<td class=low>"öö" +<td class=up>"öö" +</table> + +<span>One initial capital</span> +<span class=cap>One initial capital</span> +<span class=low>One initial capital</span> +<span class=up>One initial capital</span> +<p> + +<span>all in lower</span> +<span class=cap>all in lower</span> +<span class=low>all in lower</span> +<span class=up>all in lower</span> +<p> +<span>ALL IN UPPER</span> +<span class=cap>ALL IN UPPER</span> +<span class=low>ALL IN UPPER</span> +<span class=up>ALL IN UPPER</span> +<p> +<span>?all in lower</span> +<span class=cap>?all in lower</span> +<span class=low>?all in lower</span> +<span class=up>?all in lower</span> +<p> +<span>?ALL IN UPPER</span> +<span class=cap>?ALL IN UPPER</span> +<span class=low>?ALL IN UPPER</span> +<span class=up>?ALL IN UPPER</span> +<p> +<span>?</span> +<span class=cap>?</span> +<span class=low>?</span> +<span class=up>?</span> +<p> +<span>M</span> +<span class=cap>M</span> +<span class=low>M</span> +<span class=up>M</span> +<p> +<span>m</span> +<span class=cap>m</span> +<span class=low>m</span> +<span class=up>m</span> +<p> +<span>ß</span> +<span class=cap>ß</span> +<span class=low>ß</span> +<span class=up>ß</span> +<p> +<span>ßaß</span> +<span class=cap>ßaß</span> +<span class=low>ßaß</span> +<span class=up>ßaß</span> +<p> +<span>Σßaß</span> +<span class=cap>Σßaß</span> +<span class=low>Σßaß</span> +<span class=up>Σßaß</span> +<p> +<span>Σ</span> +<span class=cap>Σ</span> +<span class=low>Σ</span> +<span class=up>Σ</span> +<p> +<span>öö</span> +<span class=cap>öö</span> +<span class=low>öö</span> +<span class=up>öö</span> +<p> +<span>"öö"</span> +<span class=cap>"öö"</span> +<span class=low>"öö"</span> +<span class=up>"öö"</span> +</body> +</html> diff --git a/old/css_compat/tests/top.html b/old/css_compat/tests/top.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/top.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/unicode-bidi.html b/old/css_compat/tests/unicode-bidi.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/unicode-bidi.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/us_thickness.html b/old/css_compat/tests/us_thickness.html new file mode 100644 index 0000000..51c634f --- /dev/null +++ b/old/css_compat/tests/us_thickness.html @@ -0,0 +1,37 @@ +<html> +<head> <title> Site update note </title> +<style type="text/css"> +.title {background-color: orange} +</style> +</head> + +<body> + +<hr> +<h3 class="title">Check for underline, overline and strike line thickness:</h3> + +<hr> +<p style="font-size: 500%;"> + <s>project</s> <u>moved</u> <span style="text-decoration: overline;">Here!</span> +<p style="font-size: 400%;"> + <s>project</s> <u>moved</u> <span style="text-decoration: overline;">Here!</span> +<p style="font-size: 300%;"> + <s>project</s> <u>moved</u> <span style="text-decoration: overline;">Here!</span> +<p style="font-size: 200%;"> + <s>project</s> <u>moved</u> <span style="text-decoration: overline;">Here!</span> +<p style="font-size: 100%;"> + <s>project</s> <u>moved</u> <span style="text-decoration: overline;">Here!</span> +<p style="font-size: 50%;"> + <s>project</s> <u>moved</u> <span style="text-decoration: overline;">Here!</span> +<hr> + +<p><h1><u><s>project has</s></u> <s>moved</s> <u>here!</u></h1> +<p><h2><u><s>project has</s></u> <s>moved</s> <u>here!</u></h2> +<p><h3><u><s>project has</s></u> <s>moved</s> <u>here!</u></h3> +<p><h4><u><s>project has</s></u> <s>moved</s> <u>here!</u></h4> +<p><h5><u><s>project has</s></u> <s>moved</s> <u>here!</u></h5> +<p><h6><u><s>project has</s></u> <s>moved</s> <u>here!</u></h6> +<hr> + +</body> +</html> diff --git a/old/css_compat/tests/vertical-align.html b/old/css_compat/tests/vertical-align.html new file mode 100644 index 0000000..4ed3a30 --- /dev/null +++ b/old/css_compat/tests/vertical-align.html @@ -0,0 +1,69 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>Vertical Align example</title> +<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> +<style type="text/css"> +* {margin:0;padding:0} + +</style> +</head> + +<body> +<hr> +<h1>Vertical align + <img style="vertical-align:top;" src="dillo1.png" /> + <img style="vertical-align:top;" src="dillo2.png" /> + <img style="vertical-align:top;" src="dillo3.png" /> + - top</h1> +<hr> +<h1>Vertical align + <img style="vertical-align:middle;" src="dillo1.png" /> + <img style="vertical-align:middle;" src="dillo2.png" /> + <img style="vertical-align:middle;" src="dillo3.png" /> + - middle</h1> +<hr> +<h1>Vertical align + <img style="vertical-align:baseline;" src="dillo1.png" /> + <img style="vertical-align:baseline;" src="dillo2.png" /> + <img style="vertical-align:baseline;" src="dillo3.png" /> + - baseline</h1> +<hr> +<h1>Vertical align + <img style="vertical-align:sub;" src="dillo1.png" /> + <img style="vertical-align:sub;" src="dillo2.png" /> + <img style="vertical-align:sub;" src="dillo3.png" /> + - sub</h1> +<hr> +<h1>Vertical align + <img style="vertical-align:super;" src="dillo1.png" /> + <img style="vertical-align:super;" src="dillo2.png" /> + <img style="vertical-align:super;" src="dillo3.png" /> + - super</h1> +<hr> +<h1>Vertical align + <img style="vertical-align:text-top;" src="green.png" /> + <img style="vertical-align:bottom;" src="dillo1.png" /> + <img style="vertical-align:bottom;" src="dillo2.png" /> + <img style="vertical-align:bottom;" src="dillo3.png" /> + - bottom</h1> +<hr> +<hr> +<h1>Vertical align + <img style="vertical-align:text-top;" src="green.png" /> + <img style="vertical-align:text-bottom;" src="dillo1.png" /> + <img style="vertical-align:text-bottom;" src="dillo2.png" /> + <img style="vertical-align:text-bottom;" src="dillo3.png" /> + - text-bottom</h1> +<hr> +<h1>Vertical align + <img style="vertical-align:super;" src="green.png" /> + <img style="vertical-align:text-top;" src="dillo1.png" /> + <img style="vertical-align:text-top;" src="dillo2.png" /> + <img style="vertical-align:text-top;" src="dillo3.png" /> + - text-top</h1> +<hr> + + +</body> +</html> diff --git a/old/css_compat/tests/visibility.html b/old/css_compat/tests/visibility.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/visibility.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/white-space.html b/old/css_compat/tests/white-space.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/white-space.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/widows.html b/old/css_compat/tests/widows.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/widows.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/width.html b/old/css_compat/tests/width.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/width.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> diff --git a/old/css_compat/tests/word-spacing.html b/old/css_compat/tests/word-spacing.html new file mode 100644 index 0000000..92e2ef6 --- /dev/null +++ b/old/css_compat/tests/word-spacing.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> +div {word-spacing: 2em} +</style> +</head> +<body> +<div>dillo dillo dillo dillo</div> +</body> +</html> diff --git a/old/css_compat/tests/z-index.html b/old/css_compat/tests/z-index.html new file mode 100644 index 0000000..5a98b66 --- /dev/null +++ b/old/css_compat/tests/z-index.html @@ -0,0 +1,10 @@ +<html> +<head> +<style type="text/css"> + +</style> +</head> +<body> + +</body> +</html> |
