Bug 17563 – box having a thick black border because bordercolor not specified in style of <table> tag

• Status: RESOLVED
• Resolution: INVALID
• Component: CSS

[jasneet]

I Steps:
Go to https://www209.americanexpress.com/merchant/singlevoice/USEng/FrontServlet?request_type=navigate&page=processingMain&merch_ne=ProcSuppl_GreenBar

II Issue:
Notice the shortcut box at top right of webpage. The black box is seen in FF/Safari/Opera. In IE no black box is seen.

III Conclusion: IE honors the bordercolor property in the <table> tag while FF, Opera and Safari uses the default black border color that was left out in the table style="border: 10px solid ;"
Attributes other than 'style' end up at the start of the author sheets in the cascade.
'style' ends up as its own level in the cascade, after the author sheets.
Syntactically, 'border: solid' is exactly equivalent to 'border: currentColor solid', the implied color is not treated any less importantly than an explicit color.Therefore 'style' overrides 'bordercolor'.

IV Other browsers: 
FF: not ok
Opera: not ok
IE 7: ok

V Nightly tested: 30468

[jasneet]

Created attachment 19391 [details]
screenshot

[jasneet]

Created attachment 19392 [details]
reduction

[Robert Blaut]

According to "Calculating a selector's specificity" section [http://www.w3.org/TR/CSS21/cascade.html#specificity] has the highest specificity so its declarations overrides any other styles or HTML attributes. "border: 10px solid;" hasn't defined border-color property so the border-color property is computed as the value of the 'color' property per [http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color]. 'color' has default value 'black' for table element in this case. So the black border is correctly rendered in Webkit, Presto and Gecko engines. IE fails in this case. It doesn't follow CSS 2.1 specification. 

The problem described is not a bug.