summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/518172-2a.html
blob: c168e766e770d55745d1671c96c62d9a4885814a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE HTML>
<title>Testcase, bug 518172</title>
<style type="text/css">

@font-face {
  font-family: "MarkA";
  src: url(../fonts/markA.ttf);
}

html, body { margin: 0; padding: 0; }
body { font: 200px/200px MarkA; }
div#one { width: 200px; height:200px; padding: 100px;
          transform: rotate(90deg); }
div#two { color: transparent; }

div.box { background: green; position: absolute; }

</style>
<div id="one">A</div><div id="two">A</div>

<!-- draw green boxes slightly larger (2px extra) than the area that should
     be covered by the font -->
<div class="box" style="top: 118px; left: 118px; width: 44px; height: 264px;"></div>
<div class="box" style="top: 158px; left: 178px; width: 44px; height: 184px;"></div>
<div class="box" style="top: 198px; left: 238px; width: 44px; height: 104px;"></div>