[css-grid] Unprefix CSS Grid Layout properties
[WebKit-https.git] / LayoutTests / css3 / calc / font.html
1 <!DOCTYPE HTML>
2 <script src="../../resources/js-test-pre.js"></script>
3 <style> 
4 #control             {font: 1.5em/63px sans-serif;}
5 #calc-size           {font: calc(1.5em)/63px sans-serif}
6 #calc-height         {font: 1.5em/calc(126px / 2) sans-serif}
7 #calc-both           {font: calc(1.5em)/calc(63px) sans-serif}
8 #calc-percent-size   {font: calc(100% + 0.5em)/63px sans-serif}
9 </style>
10
11 <div id="test-container">
12 <span id="control">The font size and line height of these lines should be identical</span>
13 <hr/>
14 <span class="fonttest" id="calc-size">The font size and line height of these lines should be identical</span>
15 <hr/>
16 <span class="fonttest" id="calc-height">The font size and line height of these lines should be identical</span>
17 <hr/>
18 <span class="fonttest" id="calc-both">The font size and line height of these lines should be identical</span>
19 <hr/>
20 <span class="fonttest" id="calc-percent-size">The font size and line height of these lines should be identical</span>
21 </div>
22
23 <script>
24 description("Tests that CSS3 calc() can be used with the font property");
25
26 var spans = document.getElementsByClassName("fonttest");
27 for (var i = 0; i < spans.length; ++i) {
28     var current = spans[i];
29     shouldBeEqualToString('getComputedStyle(document.getElementById("' + current.id + '"), null).lineHeight', getComputedStyle(document.getElementById("control"), null).lineHeight);
30     shouldBeEqualToString('getComputedStyle(document.getElementById("' + current.id + '"), null).fontSize', getComputedStyle(document.getElementById("control"), null).fontSize);
31 }
32
33 if (window.testRunner)
34     document.body.removeChild(document.getElementById("test-container"));
35 </script>
36 <script src="../../resources/js-test-post.js"></script>