layout/reftests/box-sizing/computed-size-reporting.html@deefc01c0e14
layout/reftests/box-sizing/computed-size-reporting.html
Thu, 15 Jan 2015 21:03:48 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 21:03:48 +0100
- branch
- TOR_BUG_9701
- changeset 11
- deefc01c0e14
- permissions
- -rw-r--r--
Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)
1 <!DOCTYPE HTML>
2 <meta charset=utf-8>
3 <title>Bug 520992</title>
5 <style>
6 #borderBox {
7 background:gold;
8 height:100px;
9 box-sizing:border-box;
10 border: 20px solid gold;
11 }
13 #paddingBox {
14 background:gold;
15 height:100px;
16 box-sizing:padding-box;
17 padding: 20px;
18 }
20 </style>
22 <div id="borderBox"></div>
23 <p id="heightWidth1"></p>
25 <div id="paddingBox"></div>
26 <p id="heightWidth2"></p>
27 <script>
28 var divs = document.getElementsByTagName("div");
29 var textEle1 = document.getElementById("heightWidth1");
30 textEle1.innerHTML += "height = " + getComputedStyle(divs[0]).height;
31 textEle1.innerHTML += ", width = " + getComputedStyle(divs[0]).width;
33 var textEle2 = document.getElementById("heightWidth2");
34 textEle2.innerHTML += "height = " + getComputedStyle(divs[1]).height;
35 textEle2.innerHTML += ", width = " + getComputedStyle(divs[1]).width;
36 </script>
