Bug 256755

Version:           unspecified (using KDE 4.5.3) 
OS:                Linux

Relevant chunk of code involved
-------------------------------

div#test 
{
border-color: green;
border-style: solid;
border-width: 8px;
border: red solid -1px;
}

 <div id="test">There should be a green border around this text. There should be no red.</div>

Reproducible: Always

Steps to Reproduce:
Testcase (from CSS 2.1 test suite RC3, build 20101027)
--------

http://test.csswg.org/suites/css2.1/20101027/html4/border-width-010.htm

Actual Results:  
There should be a thick solid green border around the sentence.

Expected Results:  
There is a thick solid red border around the sentence.

Notes
-----

IE8, Firefox 3.6.12, Opera 10.63, Chrome 7.0.517.44 and Safari 5.0.2 pass this testcase.

Section 4.1.8 states
"
A user agent must ignore a declaration with an invalid property name or an invalid value.
"
http://www.w3.org/TR/CSS21/syndata.html#declaration


One drawback of the shorthand form is that any error in the declaration will make the whole declaration parsed as invalid, therefore will be and should be ignored while an extended form will only make the faulty declaration rejected.

E.g.

h1 { 
  font-weight: XXXX; 
  font-size: 24px;
  line-height: 32px; 
  font-family: Helvetica, serif; 
  font-variant: small-caps;
  font-style: italic;
}

is not parsed and should not be parsed the same way as

h1 { font: italic small-caps XXXX 24px/32px Helvetica, serif }

regards, Gérard