29 lines
1,014 B
HTML
29 lines
1,014 B
HTML
<html>
|
|
<meta chartset=utf-8>
|
|
<title>CSS-Writing Modes Test: propagation of the writing-mode property from body to root</title>
|
|
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
|
<link rel=help href="https://drafts.csswg.org/css-writing-modes-3/#principal-flow">
|
|
<link rel="match" href="wm-propagation-001-ref.html">
|
|
<meta name=assert content="the writing mode of the body must be propagated to the root, but the computed value must not change.">
|
|
<style>
|
|
html {
|
|
writing-mode: horizontal-tb;
|
|
}
|
|
body {
|
|
writing-mode: vertical-rl;
|
|
width: 0; height: 0;
|
|
}
|
|
html::after {
|
|
content: "This text must be horizontal.";
|
|
display: block;
|
|
/* The writing mode inherited from the root must be horizontal
|
|
since the root's computed value should be horizontal */
|
|
|
|
}
|
|
</style>
|
|
<script>
|
|
document.documentElement.append("This text must be vertical.");
|
|
/* This is direct content of the root,
|
|
and should therefore be vertical,
|
|
as the root's used value is vertical */
|
|
</script>
|