summaryrefslogtreecommitdiff
path: root/dev/test-writing-mode.html
diff options
context:
space:
mode:
authorMichael Drake <tlsa@netsurf-browser.org>2015-08-01 17:42:37 +0100
committerMichael Drake <tlsa@netsurf-browser.org>2015-08-03 22:30:20 +0100
commit8449bb0c102a0ff85e3dc8d4319fac531ea5374f (patch)
treefd86edde456e9534475e364264d9128379abcddb /dev/test-writing-mode.html
parentba2cea6270dc014bf2751f373404fa915d2c38b6 (diff)
downloadlibnslayout-8449bb0c102a0ff85e3dc8d4319fac531ea5374f.tar.gz
libnslayout-8449bb0c102a0ff85e3dc8d4319fac531ea5374f.tar.bz2
Add simple development testing harness.
Diffstat (limited to 'dev/test-writing-mode.html')
-rw-r--r--dev/test-writing-mode.html40
1 files changed, 40 insertions, 0 deletions
diff --git a/dev/test-writing-mode.html b/dev/test-writing-mode.html
new file mode 100644
index 0000000..96c811e
--- /dev/null
+++ b/dev/test-writing-mode.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+html {
+ -ms-writing-mode: lr-tb;
+ -webkit-writing-mode: horizontal-tb;
+ -moz-writing-mode: horizontal-tb;
+ -ms-writing-mode: horizontal-tb;
+ writing-mode: horizontal-tb;
+}
+html:hover {
+ -ms-writing-mode: tb-rl;
+ -webkit-writing-mode: vertical-rl;
+ -moz-writing-mode: vertical-rl;
+ -ms-writing-mode: vertical-rl;
+ writing-mode: vertical-rl;
+}
+h1 {
+ background: #600;
+ color: #fff;
+ width: 50%;
+ margin: 0;
+ padding: 3px;
+ border-bottom: 2px solid black;
+}
+p {
+ margin: 0;
+ padding: 3px;
+ border: 1px solid green;
+ border-left-width: 1em;
+ margin-top: 3em;
+}
+</style>
+</head>
+<body>
+<h1>Test</h1>
+<p>Here's some text to test CSS3 writing modes <a href="https://drafts.csswg.org/css-writing-modes/#abstract-layout">abstract box layout</a>!</p>
+</body>
+</html>