| <head> |
| <style type="text/css"> |
| #testblock { |
| width: 200px; |
| height: 200px; |
| /* invalid width and height */ |
| width: 500px auto; |
| height: 500px 200px; |
| |
| /* Font-size */ |
| font-size: 14px; |
| /* Invalid font-sizes */ |
| font-size: 36px auto; |
| |
| float: left; |
| float: right auto; |
| /* Trying colors */ |
| /* The !important is here so you don't break this while fixing this bug */ |
| color: white !important; |
| color: black; |
| background: darkgreen; |
| /* the color and background-color below should be invalidated, |
| so the text should be green */ |
| color: black auto !important; |
| background-color: darkred auto; |
| background-repeat: no-repeat; |
| |
| /* These ones actually get invalidated correctly */ |
| background: url('http://webkit.opendarwin.org/images/welcomeopen.gif') auto; |
| background-repeat: auto repeat-x; |
| |
| /* Trying text and font properties */ |
| font-family: sans-serif; |
| font-weight: 900; |
| text-decoration: none; |
| word-spacing: normal; |
| letter-spacing: normal; |
| text-align: left; |
| direction: ltr; |
| text-transform: lowercase; |
| font-variant: normal; |
| white-space: normal; |
| |
| /* Invalid text and font properties */ |
| /* This one actually DOES get invalidated */ |
| font: "Comic Sans MS" woopdidoo; |
| font-weight: 500 500; |
| /* This one actually DOES get invalidated */ |
| text-decoration: line-through auto; |
| word-spacing: 10px auto; |
| letter-spacing: 5px auto; |
| text-align: right left; |
| direction: rtl auto; |
| text-transform: capitalize auto; |
| font-variant: small-caps auto; |
| white-space: pre auto; |
| |
| outline: none; |
| outline: red 3px dotted blue; |
| outline: red solid auto; |
| |
| overflow: hidden; |
| overflow: visible scroll; |
| } |
| #Content { |
| display: inline; |
| /* invalid */ |
| display: block auto; |
| |
| /* All margins, paddings and borders until the next comment are incorrect and |
| should be invalidated, resulting in padding and margin 0 */ |
| margin-left: 50px auto; |
| margin-right: 50px auto; |
| margin-top: 50px auto; |
| margin-bottom: 50px auto; |
| padding-left: 50px auto; |
| padding-right: 50px auto; |
| padding-top: 50px auto; |
| padding-bottom: 50px auto; |
| border: 1px solid auto; |
| border-top: yellow auto; |
| border-right: blue auto; |
| border-bottom: yellow auto; |
| border-left: blue auto; |
| /* The values below get invalidated correctly but are in here |
| for completeness. */ |
| margin: 100px 100px 100px 100px auto; |
| padding: 100px 100px 100px 100px auto; |
| } |
| </style> |
| </head> |
| |
| <body> |
| <p><a href="https://bugs.webkit.org/show_bug.cgi?id=7118">bug 7118</a>: Wrong property values do not get invalidated correctly.</p> |
| <div id="Content"> |
| <div id="testblock"> |
| This text should be |
| left-aligned, all lower-case, |
| normal font, white, 14px, |
| bold, normally spaced |
| and wrapped, in a |
| darkgreen 200x200px div |
| in the top left corner |
| with no borders or |
| outlines. |
| </div> |
| </div> |
| |
| </body> |
