1 files changed, 77 insertions, 0 deletions
diff --git a/legacy/works/borders.html b/legacy/works/borders.html
new file mode 100644
index 0000000..a8d5d92
--- /dev/null
+++ b/legacy/works/borders.html
@@ -0,0 +1,77 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+        "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Border test</title>
+<style type="text/css">
+body { margin: 1em; }
+.t1 { border-left-width: 1em; }
+.t2 { border-top-style: solid; }
+.t3 { border-bottom-color: red; }
+.t4 { border-width: thick; }
+.t5 { border: dotted thin green; }
+.t6 { border: dashed thick blue; }
+.t7 { border-top: double 1em red;
+      border-right: groove 2em green;
+      border-bottom: ridge 1.5em #f0f;
+      border-left: inset 2em blue; }
+.t8 { border: groove 4px silver; }
+.t9 { border: ridge 4px silver; }
+em { border: solid thin red; background: yellow }
+i { border: solid thin red; padding: 0.5em }
+</style>
+</head>
+
+<body>
+
+<h1>Border test</h1>
+
+<p class="t1">t1 { border-left-width: 1em; }</p>
+<p class="t2">t2 { border-top-style: solid; }</p>
+<p class="t3">t3 { border-bottom-color: red; }</p>
+<p class="t4">t4 { border-width: thick; }</p>
+<p class="t5">t5 { border: dotted thin green; }</p>
+<p class="t6">t6 { border: dashed thick blue; }</p>
+<p class="t7">.t7 { border-top: double 1em red;
+      border-right: groove 2em green;
+      border-bottom: ridge 1.5em #f0f;
+      border-left: inset 2em blue; }</p>
+<p class="t8">.t8 { border: groove 4px silver; }</p>
+<p class="t9">.t9 { border: ridge 4px silver; }</p>
+
+<p>Pellentesque pulvinar, lacus vitae imperdiet posuere, nibh urna
+elementum arcu, at interdum metus nibh et velit. Donec vitae est. Aliquam
+consequat, arcu quis accumsan fringilla, eros eros pretium enim, in
+elementum ante lorem a felis. <em>Etiam mauris orci, ultrices ut, laoreet
+id, lobortis quis, mauris. Duis elit lorem, elementum a, lobortis vitae,
+pretium non, wisi. Sed vel arcu nec justo suscipit semper. Fusce ante arcu,
+commodo pretium, tincidunt in, rutrum et, ligula. Nunc at tellus. Praesent
+tincidunt eros eget diam. Praesent vel odio.</em> Morbi adipiscing. Cras
+quis wisi in nunc hendrerit bibendum. Pellentesque dictum nibh nec dolor.
+Nam luctus nibh sed mi. Duis sit amet quam et magna facilisis luctus.</p>
+
+<p>Pellentesque pulvinar, lacus vitae imperdiet posuere, nibh urna
+elementum arcu, at interdum metus nibh et velit. Donec vitae est. Aliquam
+consequat, arcu quis accumsan fringilla, eros eros pretium enim, in
+elementum ante lorem a felis. <i>Etiam mauris orci, ultrices ut, laoreet
+id, lobortis quis, mauris. Duis elit lorem, elementum a, lobortis vitae,
+pretium non, wisi. Sed vel arcu nec justo suscipit semper. Fusce ante arcu,
+commodo pretium, tincidunt in, rutrum et, ligula. Nunc at tellus. Praesent
+tincidunt eros eget diam. Praesent vel odio.</i> Morbi adipiscing. Cras
+quis wisi in nunc hendrerit bibendum. Pellentesque dictum nibh nec dolor.
+Nam luctus nibh sed mi. Duis sit amet quam et magna facilisis luctus.</p>
+
+<p>Pellentesque pulvinar, lacus vitae imperdiet posuere, nibh urna
+elementum arcu, at interdum metus nibh et velit. Donec vitae est. Aliquam
+consequat, arcu quis accumsan fringilla, eros eros pretium enim, in
+elementum ante lorem a felis. <i><em>Etiam mauris orci, ultrices ut, laoreet
+id, lobortis quis, mauris. Duis elit lorem, elementum a, lobortis vitae,
+pretium non, wisi. Sed vel arcu nec justo suscipit semper. Fusce ante arcu,
+commodo pretium, tincidunt in, rutrum et, ligula. Nunc at tellus. Praesent
+tincidunt eros eget diam. Praesent vel odio.</em></i> Morbi adipiscing. Cras
+quis wisi in nunc hendrerit bibendum. Pellentesque dictum nibh nec dolor.
+Nam luctus nibh sed mi. Duis sit amet quam et magna facilisis luctus.</p>
+
+</body>
+</html>
+