OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title></title> | 3 <title></title> |
4 <script type="text/javascript"> | 4 <script type="text/javascript"> |
5 function log(message) | 5 function log(message) |
6 { | 6 { |
7 var console = document.getElementById("console"); | 7 var console = document.getElementById("console"); |
8 console.appendChild(document.createElement("li")).innerHTML = messag
e; | 8 console.appendChild(document.createElement("li")).innerHTML = messag
e; |
9 } | 9 } |
10 | 10 |
11 function testShorthand(shorthand) | 11 function testShorthand(shorthand) |
12 { | 12 { |
13 var element = document.createElement("div"); | 13 var element = document.createElement("div"); |
14 element.setAttribute("style", | 14 element.setAttribute("style", |
15 "border: thin dotted purple; \ | 15 "border: thin dotted purple; \ |
16 background: red url(/background.png) repeat-y scroll right bott
om; \ | 16 background: red url(/background.png) repeat-y scroll right bott
om; \ |
17 list-style: square outside url(/marker.png); \ | 17 list-style: square outside url(/marker.png); \ |
18 margin: 5%; \ | 18 margin: 5%; \ |
19 -webkit-margin-collapse: collapse; \ | 19 -webkit-margin-collapse: collapse; \ |
20 padding: 2em; \ | 20 padding: 2em; \ |
21 -webkit-text-stroke: orange 1pt; \ | 21 -webkit-text-stroke: orange 1pt; \ |
22 -webkit-columns: 100px 3; \ | 22 columns: 100px 3; \ |
23 -webkit-column-rule: thick dashed silver; \ | 23 column-rule: thick dashed silver; \ |
24 border-spacing: 10px 20px; \ | 24 border-spacing: 10px 20px; \ |
25 -webkit-border-radius: 6px 8px; \ | 25 -webkit-border-radius: 6px 8px; \ |
26 overflow: scroll; \ | 26 overflow: scroll; \ |
27 -webkit-mask: url(/mask.png) repeat-x center top;"); | 27 -webkit-mask: url(/mask.png) repeat-x center top;"); |
28 var allProperties = element.style.cssText.concat(" ").split("; "); | 28 var allProperties = element.style.cssText.concat(" ").split("; "); |
29 element.style.removeProperty(shorthand); | 29 element.style.removeProperty(shorthand); |
30 var remainingProperties = element.style.cssText.concat(" ").split(";
"); | 30 var remainingProperties = element.style.cssText.concat(" ").split(";
"); |
31 var removedProperties = []; | 31 var removedProperties = []; |
32 var addedProperties = []; | 32 var addedProperties = []; |
33 | 33 |
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
80 Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=9284">http:/
/bugs.webkit.org/show_bug.cgi?id=9284</a> | 80 Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=9284">http:/
/bugs.webkit.org/show_bug.cgi?id=9284</a> |
81 Quirksmode (CSS1): Removing inline border styles is impossible</i>. | 81 Quirksmode (CSS1): Removing inline border styles is impossible</i>. |
82 </p> | 82 </p> |
83 <p> | 83 <p> |
84 Starting with a declaration containing all properties that are constitue
nts of shortcuts, see what is removed | 84 Starting with a declaration containing all properties that are constitue
nts of shortcuts, see what is removed |
85 when a shortcut property is removed. The shortcut’s constituents a
nd only them should be removed. | 85 when a shortcut property is removed. The shortcut’s constituents a
nd only them should be removed. |
86 </p> | 86 </p> |
87 <ul id="console"></ul> | 87 <ul id="console"></ul> |
88 </body> | 88 </body> |
89 </html> | 89 </html> |
OLD | NEW |