diff options
Diffstat (limited to 'dev/test-writing-mode.html')
| -rw-r--r-- | dev/test-writing-mode.html | 40 |
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> |