| <html> |
| <head> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| </script> |
| </head> |
| <body> |
| <div id="foo">Test</div> |
| <script> |
| function testFontValue(value) |
| { |
| document.write("Font for '" + value + "':<br>"); |
| var element = document.getElementById("foo"); |
| var decl = element.style; |
| decl.font = ""; |
| decl.font = value; |
| for (var i = 0; i < decl.length; i++) { |
| var shorthand = decl.getPropertyShorthand(decl[i]); |
| document.write(decl[i] + ": " + decl.getPropertyValue(decl[i])); |
| if (shorthand) { |
| document.write(" (original property was " + shorthand |
| + (decl.isPropertyImplicit(decl[i]) ? " and property was implicitly set.)" : ")")); |
| } |
| document.write("<br>"); |
| } |
| document.write("<br>"); |
| } |
| |
| testFontValue("12px monospace"); |
| testFontValue("12px/24px serif"); |
| testFontValue("normal 12px serif"); |
| testFontValue("normal normal 12px serif"); |
| testFontValue("normal normal normal 12px serif"); |
| testFontValue("italic small-caps 12px/24px serif"); |
| testFontValue("italic bold 12px/24px serif"); |
| testFontValue("small-caps bold 14px/28px Arial, sans-serif"); |
| testFontValue("italic small-caps bold 14px/28px Arial, sans-serif"); |
| |
| // Invalid values should yield no longhands. |
| testFontValue("italic small-caps bold 12px/24px"); |
| testFontValue("italic small-caps bold 12px"); |
| testFontValue("italic small-caps bold /12px serif"); |
| testFontValue("italic small-caps small-caps 12px serif"); |
| testFontValue("italic italic small-caps bold 12px serif"); |
| testFontValue("12px/italic serif"); |
| </script> |
| </body> |
| </html> |
