firefox-main/testing/web-platform/tests/css/css-inline/dominant-baseline/dominant-baseline-mixed-writing-modes-001.html

Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<html>
<head>
<link rel="match" href="dominant-baseline-mixed-writing-modes-001-ref.html">
<link rel="stylesheet" href="/fonts/baseline-diagnostic/baseline-diagnostic-font.css">
<script src="support/variant-class.js"></script>
<meta name="assert" content="dominant-baseline persists across writing-mode changes"/>
<meta charset="utf-8">
<meta name="variant" content="?class=auto">
<meta name="variant" content="?class=text-bottom">
<meta name="variant" content="?class=alphabetic">
<meta name="variant" content="?class=ideographic">
<meta name="variant" content="?class=middle">
<meta name="variant" content="?class=central">
<meta name="variant" content="?class=mathematical">
<meta name="variant" content="?class=hanging">
<meta name="variant" content="?class=text-top">
<style>
.auto .line { dominant-baseline: auto; }
.text-bottom .line { dominant-baseline: text-bottom; }
.alphabetic .line { dominant-baseline: alphabetic; }
.ideographic .line { dominant-baseline: ideographic; }
.middle .line { dominant-baseline: middle; }
.central .line { dominant-baseline: central; }
.mathematical .line { dominant-baseline: mathematical; }
.hanging .line { dominant-baseline: hanging; }
.text-top .line { dominant-baseline: text-top; }
.line {
font: 200px/1 BaselineDiagnosticAlphabeticZero;
}
.line > span span { font-size: 0.75em; }
</style>
</head>
<body>
<div class="line">
<span>X<span style="writing-mode: vertical-rl;">X<span>X</span></span></span>
</div>
</body>
</html>