LayoutTests/fast/css/invalidation-errors-2.html

   1 <head>
   2     <style type="text/css">
   3     #testblock {
   4         width: 200px;
   5         height: 200px;
   6         /* invalid width and height */
   7         width: 500px auto;
   8         height: 500px 200px;
   9
  10         /* Font-size */
  11         font-size: 14px;
  12         /* Invalid font-sizes */
  13         font-size: 36px auto;
  14
  15         float: left;
  16         float: right auto;
  17         /* Trying colors */
  18         /* The !important is here so you don't break this while fixing this bug */
  19         color: white !important;
  20         color: black;
  21         background: darkgreen;
  22         /* the color and background-color below should be invalidated,
  23         so the text should be green */
  24         color: black auto !important;
  25         background-color: darkred auto;
  26         background-repeat: no-repeat;
  27
  28         /* These ones actually get invalidated correctly */
  29         background: url('http://webkit.opendarwin.org/images/welcomeopen.gif') auto;
  30         background-repeat: auto repeat-x;
  31
  32         /* Trying text and font properties */
  33         font-family: sans-serif;
  34         font-weight: 900;
  35         text-decoration: none;
  36         word-spacing: normal;
  37         letter-spacing: normal;
  38         text-align: left;
  39         direction: ltr;
  40         text-transform: lowercase;
  41         font-variant: normal;
  42         white-space: normal;
  43
  44         /* Invalid text and font properties */
  45         /* This one actually DOES get invalidated */
  46         font: "Comic Sans MS" woopdidoo;
  47         font-weight: 500 500;
  48         /* This one actually DOES get invalidated */
  49         text-decoration: line-through auto;
  50         word-spacing: 10px auto;
  51         letter-spacing: 5px auto;
  52         text-align: right left;
  53         direction: rtl auto;
  54         text-transform: capitalize auto;
  55         font-variant: small-caps auto;
  56         white-space: pre auto;
  57
  58         outline: none;
  59         outline: red 3px dotted blue;
  60         outline: red solid auto;
  61
  62         overflow: hidden;
  63         overflow: visible scroll;
  64     }
  65     #Content {
  66         display: inline;
  67         /* invalid */
  68         display: block auto;
  69
  70         /* All margins, paddings and borders until the next comment are incorrect and
  71         should be invalidated, resulting in padding and margin 0 */
  72         margin-left: 50px auto;
  73         margin-right: 50px auto;
  74         margin-top: 50px auto;
  75         margin-bottom: 50px auto;
  76         padding-left: 50px auto;
  77         padding-right: 50px auto;
  78         padding-top: 50px auto;
  79         padding-bottom: 50px auto;
  80         border: 1px solid auto;
  81         border-top: yellow auto;
  82         border-right: blue auto;
  83         border-bottom: yellow auto;
  84         border-left: blue auto;
  85         /* The values below get invalidated correctly but are in here
  86         for completeness. */
  87         margin: 100px 100px 100px 100px auto;
  88         padding: 100px 100px 100px 100px auto;
  89     }
  90     </style>
  91 </head>
  92
  93 <body>
  94 <p><a href="https://bugs.webkit.org/show_bug.cgi?id=7118">bug 7118</a>: Wrong property values do not get invalidated correctly.</p>
  95 <div id="Content">
  96     <div id="testblock">
  97 This text should be
  98 left-aligned, all lower-case,
  99 normal font, white, 14px,
 100 bold, normally spaced
 101 and wrapped, in a
 102 darkgreen 200x200px div
 103 in the top left corner
 104 with no borders or
 105 outlines.
 106 </div>
 107 </div>
 108
 109 </body>