| 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 |