<!DOCTYPE html>
<html>
<head>
<title>math-style</title>
<meta charset="utf-8">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
<meta name="assert" content="Check the resolved value of math-style">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
function mathStyle(id) {
return window.getComputedStyle(document.getElementById(id)).
getPropertyValue("math-style");
}
setup({ explicit_done: true });
window.addEventListener("load", function() {
test(function() {
assert_equals(mathStyle("initial"), "normal");
}, "Initial value of math-style");
test(function() {
assert_equals(mathStyle("specifiedInline"), "compact");
assert_equals(mathStyle("specifiedDisplay"), "normal");
}, "Specified values of math-style");
test(function() {
assert_equals(mathStyle("inheritedInline"), "compact");
assert_equals(mathStyle("inheritedDisplay"), "normal");
}, "Inherited values of math-style");
done();
});
</script>
</head>
<body>
<div id="log"></div>
<div id="initial"></div>
<div id="specifiedInline" style="math-style: compact">
<div id="inheritedInline"></div>
</div>
<div id="specifiedDisplay" style="math-style: normal">
<div id="inheritedDisplay"></div>
</div>
</body>
</html>
Codebase Browser
chromium