Graphics Programs Reference
In-Depth Information
Figure 3-4: Differences in inset and outset across browsers.
h at's not an error, and none of the browsers are wrong. h e CSS specii cation doesn't say how
a border's color should be modii ed in order to create the illusion of insetness or outsetness. It
just says, and I quote:
h e 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 (
html#border-style-properties ).
Note that last part: “UAs [user agents] may choose their own algorithm.…” It is a long-estab-
lished truth of Web development that given the chance to choose dif erently, browsers always
will. And so they have.
Maybe you're okay with the dif erences in those borders, and if so, that's cool; again, not here
to judge. If you want those border shades to be consistent across browsers, though (as in
Figure 3-5), then what you really want is to declare a solid border and set the colors yourself.
#innie {border-color: #800 #F88 #F88 #800;}
#outie {border-color: #F88 #800 #800 #F88;}
Search WWH ::

Custom Search