Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-fonts/math-script-level-and-math-style/math-style-001.tentative.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<head>
<title>math-style</title>
<meta charset="utf-8">
<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>