mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-26 19:55:39 +00:00
Bug 1569646
[wpt PR 18145] - Add test to check visual rendering of padding/border/margin on the mr…, a=testonly
Automatic update from web-platform-tests Add test to check visual rendering of padding/border/margin on the mrow element. (#18145) -- wpt-commits: 1c97ca89d6d15b38fd66842d7d23f321f7ade664 wpt-pr: 18145
This commit is contained in:
parent
b3f8fc2367
commit
5232fb4703
@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>Padding/border/margin</title>
|
||||
<body>
|
||||
<p>This test passes if you see a purple square of side 100px, surrounded by a
|
||||
10px blue padding, surrounded by a 10px blue/yellow dashed border, itself
|
||||
surrounded by a 10px pink margin.</p>
|
||||
</div>
|
||||
<div style="background: pink; position: absolute; left: 10px; top: 3em;">
|
||||
<div style="background: blue; border: 10px dashed yellow; padding: 10px; margin: 10px;">
|
||||
<div style="width: 100px; height: 100px; background: purple;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>Padding/border/margin</title>
|
||||
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#layout-algorithms">
|
||||
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#layout-of-mrow">
|
||||
<link rel="match" href="padding-border-margin-001-ref.html"/>
|
||||
<meta name="assert" content="Verify visual rendering of padding/border/margin on the mrow element.">
|
||||
<body>
|
||||
<p>This test passes if you see a purple square of side 100px, surrounded by a
|
||||
10px blue padding, surrounded by a 10px blue/yellow dashed border, itself
|
||||
surrounded by a 10px pink margin.</p>
|
||||
<div style="background: pink; position: absolute; left: 200px; left: 10px; top: 3em;">
|
||||
<math>
|
||||
<mrow style="background: blue; border: 10px dashed yellow; padding: 10px; margin: 10px;">
|
||||
<mspace width="100px" height="100px" style="background: purple;"></mspace>
|
||||
</mrow>
|
||||
</math>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user