blob: e944804d292994a48f484b56d717dc99038a9488 [file] [log] [blame]
<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="http://bugzilla.opendarwin.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>