1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/box-sizing/computed-size-reporting-ref.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,34 @@ 1.4 +<!DOCTYPE HTML> 1.5 +<meta charset=utf-8> 1.6 +<title>Bug 520992</title> 1.7 + 1.8 +<style> 1.9 + #borderBox { 1.10 + background:gold; 1.11 + height:100px; 1.12 + box-sizing:border-box; 1.13 + } 1.14 + 1.15 + #paddingBox { 1.16 + background:gold; 1.17 + height:100px; 1.18 + box-sizing:padding-box; 1.19 + } 1.20 + 1.21 +</style> 1.22 + 1.23 +<div id="borderBox"></div> 1.24 +<p id="heightWidth1"></p> 1.25 + 1.26 +<div id="paddingBox"></div> 1.27 +<p id="heightWidth2"></p> 1.28 +<script> 1.29 + var divs = document.getElementsByTagName("div"); 1.30 + var textEle1 = document.getElementById("heightWidth1"); 1.31 + textEle1.innerHTML += "height = " + getComputedStyle(divs[0]).height; 1.32 + textEle1.innerHTML += ", width = " + getComputedStyle(divs[0]).width; 1.33 + 1.34 + var textEle2 = document.getElementById("heightWidth2"); 1.35 + textEle2.innerHTML += "height = " + getComputedStyle(divs[1]).height; 1.36 + textEle2.innerHTML += ", width = " + getComputedStyle(divs[1]).width; 1.37 +</script>