Google Git
Sign in
nest-open-source / manifest_repos / chromium_src / 1389d67935ffbffe8a70c1fa06867f6cf7ecf464 / . / chromium / src / third_party / blink / web_tests / external / wpt / mathml / presentation-markup / radicals / dynamic-radical-paint-invalidation-001-ref.html
blob: 632d6739db9fdea3b68c850db0aadbc64e5a19c1 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dynamic radical: paint invalidation (expectation)</title>
<style>
@font-face {
font-family: RadicalFont;
src: url("/fonts/math/radical-displaystyleverticalgap7000-rulethickness1000.woff");
}
math {
font-family: RadicalFont;
font-size: 10px;
}
#container > div {
height: 80px;
border-top: solid;
}
.withPaddingBorderAndMargin {
padding: 5px;
border: 5px solid yellow;
margin: 5px;
}
</style>
</head>
<body>
<div id="container">
<div>
<math>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
<msqrt>
<mspace width="60px" height="10px" depth="10px" style="background: blue"/>
</msqrt>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
</math>
</div>
<div>
<math>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
<mroot>
<mspace width="60px" height="10px" depth="10px" style="background: blue"/>
<mspace width="20px" height="10px" depth="10px" style="background: lightblue"/>
</mroot>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
</math>
</div>
<div>
<math>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
<msqrt>
<mspace width="20px" height="20px" depth="10px" style="background: blue"/>
</msqrt>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
</math>
</div>
<div>
<math>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
<mroot>
<mspace width="20px" height="20px" depth="10px" style="background: blue"/>
<mspace width="20px" height="10px" depth="10px" style="background: lightblue"/>
</mroot>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
</math>
</div>
<div>
<math>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
<msqrt>
<mspace width="20px" height="10px" depth="40px" style="background: blue"/>
</msqrt>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
</math>
</div>
<div>
<math>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
<mroot>
<mspace width="20px" height="10px" depth="40px" style="background: blue"/>
<mspace width="20px" height="10px" depth="10px" style="background: lightblue"/>
</mroot>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
</math>
</div>
<div>
<math>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
<msqrt>
<mspace width="20px" height="10px" depth="10px" style="background: blue"/>
</msqrt>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
</math>
</div>
<div>
<math>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
<mroot>
<mspace width="20px" height="10px" depth="10px" style="background: blue"/>
<mspace width="20px" height="10px" depth="10px" style="background: lightblue"/>
</mroot>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
</math>
</div>
<div>
<math>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
<msqrt class="withPaddingBorderAndMargin">
<mspace width="20px" height="10px" depth="10px" style="background: blue"/>
</msqrt>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
</math>
</div>
<div>
<math>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
<mroot class="withPaddingBorderAndMargin">
<mspace width="20px" height="10px" depth="10px" style="background: blue"/>
<mspace width="20px" height="10px" depth="10px" style="background: lightblue"/>
</mroot>
<mspace width="20px" height="10px" depth="10px" style="background: gray"/>
</math>
</div>
</div>
</body>
</html>