371573 - CSS border color is not the specified color.

Status: RESOLVED INVALID

(Core :: Web Painting, defect)

Description

[Jordan]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.2) Gecko/20070219 Firefox/2.0.0.2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.2) Gecko/20070219 Firefox/2.0.0.2

When putting the code "border: 5px groove red;" into an img element in my css, I get a very pale red as the dominant inset color and not the color specified.  This makes it near impossible to get the color desired and causes a tremendous amount of tweaking to get it right.  The problem also occurs in ridge, inset, and outset.  For example, IE7 renders it the way I think it should be.

Reproducible: Always

Steps to Reproduce:
1.Insert, "border: 5px groove red;" into css of an img element.

Actual Results:  
Rendered the dominant color of the border as a very pale, pinkish red color.

Expected Results:  
The color entered in the css should be the dominant color you see and shoud've been mainly rendered with the border color as a vibrant red.

I am using the default theme.

Comment 1

[Daniel.S]

CSS 2.1 states: "The color of borders drawn for values of 'groove', 'ridge', 'inset', and 'outset' depends on the element's border color properties, but UAs may choose their own algorithm to calculate the actual colors used."

So this is no bug. -> INVALID.

It's sad that CSS doesn't give an advice but we'll have to cope with it. Browsers rellay behave different when it comes to border styles. I personally like Gecko's approach better.