OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> |
2 <html lang="en"> | 2 <html lang="en"> |
3 <head> | 3 <head> |
4 <title>currentColor basic test</title> | 4 <title>currentColor basic test</title> |
5 <style type="text/css"> | 5 <style type="text/css"> |
6 .test { | 6 .test { |
7 display: inline-block; | 7 display: inline-block; |
8 height: 5em; | 8 height: 5em; |
9 width: 10em; | 9 width: 10em; |
10 text-align: center; | 10 text-align: center; |
(...skipping 15 matching lines...) Expand all Loading... |
26 <div id="border6" class="test" style="border-left: 5px dashed red; border-to
p: 5px solid green; border-right: 5px dotted blue; border-bottom: 5px groove pur
ple;">6</div> | 26 <div id="border6" class="test" style="border-left: 5px dashed red; border-to
p: 5px solid green; border-right: 5px dotted blue; border-bottom: 5px groove pur
ple;">6</div> |
27 <div id="border7" class="test" style="border-left: 2px solid red; border-top
: 3px solid green; border-right: 4px solid blue; border-bottom: 5px solid purple
;">7</div> | 27 <div id="border7" class="test" style="border-left: 2px solid red; border-top
: 3px solid green; border-right: 4px solid blue; border-bottom: 5px solid purple
;">7</div> |
28 <div id="border8" class="test" style="border-left: 2px dashed red; border-to
p: 3px solid green; border-right: 5px dotted blue; border-bottom: 5px groove pur
ple;">8</div> | 28 <div id="border8" class="test" style="border-left: 2px dashed red; border-to
p: 3px solid green; border-right: 5px dotted blue; border-bottom: 5px groove pur
ple;">8</div> |
29 <div id="border9" class="test" style="border-left: 5px solid red; border-top
: 5px solid green; border-right: 5px solid blue;">9</div> | 29 <div id="border9" class="test" style="border-left: 5px solid red; border-top
: 5px solid green; border-right: 5px solid blue;">9</div> |
30 <p id="description"></p> | 30 <p id="description"></p> |
31 <div id="console"></div> | 31 <div id="console"></div> |
32 <script> | 32 <script> |
33 description("<a href=\"https://bugs.webkit.org/show_bug.cgi?id=15823\">Bug 1
5823: getPropertyValue for border returns null, should compute the shorthand val
ue</a>"); | 33 description("<a href=\"https://bugs.webkit.org/show_bug.cgi?id=15823\">Bug 1
5823: getPropertyValue for border returns null, should compute the shorthand val
ue</a>"); |
34 | 34 |
35 var div1 = document.getElementById("border1"); | 35 var div1 = document.getElementById("border1"); |
36 shouldBe('div1.style.getPropertyValue("border")', "'5px solid green'"); | 36 shouldBeEqualToString('div1.style.getPropertyValue("border")', "5px solid gr
een"); |
37 | 37 |
38 var div2 = document.getElementById("border2"); | 38 var div2 = document.getElementById("border2"); |
39 shouldBe('div2.style.getPropertyValue("border")', "'5px solid'"); | 39 shouldBeEqualToString('div2.style.getPropertyValue("border")', ""); |
40 | 40 |
41 var div3 = document.getElementById("border3"); | 41 var div3 = document.getElementById("border3"); |
42 shouldBe('div3.style.getPropertyValue("border")', "'5px green'"); | 42 shouldBeEqualToString('div3.style.getPropertyValue("border")', ""); |
43 debug(" NOTE: '5px green' is an illegal CSS value for 'border'."); | |
44 | 43 |
45 var div4 = document.getElementById("border4"); | 44 var div4 = document.getElementById("border4"); |
46 shouldBe('div4.style.getPropertyValue("border")', "'solid green'"); | 45 shouldBeEqualToString('div4.style.getPropertyValue("border")', ""); |
47 | 46 |
48 var div5 = document.getElementById("border5"); | 47 var div5 = document.getElementById("border5"); |
49 shouldBe('div5.style.getPropertyValue("border")', "'green'"); | 48 shouldBeEqualToString('div5.style.getPropertyValue("border")', ""); |
50 debug(" NOTE: 'green' is an illegal CSS value for 'border'."); | |
51 | 49 |
52 var div6 = document.getElementById("border6"); | 50 var div6 = document.getElementById("border6"); |
53 shouldBe('div6.style.getPropertyValue("border")', "'5px'"); | 51 shouldBeEqualToString('div6.style.getPropertyValue("border")', ""); |
54 | 52 |
55 var div7 = document.getElementById("border7"); | 53 var div7 = document.getElementById("border7"); |
56 shouldBe('div7.style.getPropertyValue("border")', "'solid'"); | 54 shouldBeEqualToString('div7.style.getPropertyValue("border")', ""); |
57 | 55 |
58 var div8 = document.getElementById("border8"); | 56 var div8 = document.getElementById("border8"); |
59 shouldBeEqualToString('div8.style.getPropertyValue("border")', ""); | 57 shouldBeEqualToString('div8.style.getPropertyValue("border")', ""); |
60 | 58 |
61 var div9 = document.getElementById("border9"); | 59 var div9 = document.getElementById("border9"); |
62 shouldBeEqualToString('div9.style.getPropertyValue("border")', ""); | 60 shouldBeEqualToString('div9.style.getPropertyValue("border")', ""); |
63 </script> | 61 </script> |
64 </body> | 62 </body> |
65 </html> | 63 </html> |
OLD | NEW |