The Styleworks

The Styleworks ::Browser Capability Charts

The Box Model

ValuesProperty Mozilla
1.3
IE/Win
6.0
NN
4.8
Opera
6.0
Opera
7.1
 Score (max.=292):  284 187 94 234 247

Note 1:
In some cases the size, padding etc. of a replaced inline element has an influence on the size of the containing block, i.e. if the containing block is floated. (this is not about non-replaced inline elements.) The inline elements' margins are influenced by the size of the containing block thus in the above scenario they would be indirectly influenced by the dimensions of the inline element itself. Some browsers seem to work out the inline element's margins with respect to the width of the parent element of its containing block.

Note 2:
(deleted)

Note 3:
IE/Win 6 seems to calculate the % values for padding with respect to the width of an ancester of the containing block.

Note 4:
This is similar to the problem described in Note 1, only here the padding of the replaced inline element is concerned.

Note 5:
MS IE 6.0 renders borders with the border style of 'inset/outset' in a way that is very similar to 'groove/ridge'. This may look alright, but IMCO it's a deviation from the W3C box model specs — look it up here or here.

Note 6:
MS IE 6.0 isn't able to render a border as 'dotted' if its border-width is '1px'.

Note 7:
NN 4.8 renders the border shorthand o.k. as long as a border-style is used which that browser can understand — which is just plain 'solid'.

length units
percentage
Y
P 1)
Y
P 1)
Y
N
Y
P 1)
Y
Y
length units
percentage
Y
P 1)
Y
P 1)
Y
P 1)
Y
P 1)
Y
P 1)
length units
percentage
Y
P 1)
Y
P 1)
N
N
Y
P 1)
Y
Y
length units
percentage
Y
P 1)
Y
P 1)
Y
P 1)
Y
P 1)
Y
Y
1 value
2 values
3 values
4 values
Y
Y
Y
Y
Y
Y
Y
Y
P
N
D
N
Y
Y
Y
Y
Y
Y
Y
Y
length units
percentage
Y
P 4)
Y
N 3)
Y
N
Y
P 4)
Y
P 4)
length units
percentage
Y
P 4)
Y
N 3)
Y
N
Y
P 4)
Y
P 4)
length units
percentage
Y
P 4)
Y
N 3)
Y
N
Y
P 4)
Y
P 4)
length units
percentage
Y
P 4)
Y
N 3)
Y
N
Y
P 4)
Y
P 4)
1 value
2 values
3 values
4 values
Y
Y
Y
Y
N 3)
N 3)
N 3)
N 3)
N
N
N
N
Y
Y
Y
Y
Y
Y
Y
Y
length units
thin
medium
thick
inherit
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
Y
Y
Y
Y
N
Y
Y
Y
Y
N
Y
Y
Y
Y
Y
length units
thin
medium
thick
inherit
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
Y
Y
Y
Y
N
Y
Y
Y
Y
N
Y
Y
Y
Y
Y
length units
thin
medium
thick
inherit
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
Y
Y
Y
Y
N
Y
Y
Y
Y
N
Y
Y
Y
Y
Y
length units
thin
medium
thick
inherit
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
Y
Y
Y
Y
N
Y
Y
Y
Y
N
Y
Y
Y
Y
Y
length units
thin
medium
thick
inherit
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
Y
Y
Y
Y
N
Y
Y
Y
Y
N
Y
Y
Y
Y
Y
1 value
2 values
3 values
4 values
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
P 6)
Y
Y
Y
Y
Y
D 5)
D 5)
N
Y
N
N
N
Y
Y
Y
Y
Y
Y
N
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
P 6)
Y
Y
Y
Y
Y
D 5)
D 5)
N
Y
N
N
N
N
N
N
N
N
N
N
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
P 6)
Y
Y
Y
Y
Y
D 5)
D 5)
N
Y
N
N
N
N
N
N
N
N
N
N
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
P 6)
Y
Y
Y
Y
Y
D 5)
D 5)
N
Y
N
N
N
N
N
N
N
N
N
N
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
P 6)
Y
Y
Y
Y
Y
D 5)
D 5)
N
Y
N
N
N
N
N
N
N
N
N
N
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
1 value
2 values
3 values
4 values
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
N
N
Y
Y
Y
Y
Y
Y
Y
Y
keywords
numbers
transparent
inherit
Y
Y
Y
Y
Y
Y
N
N
Y
N
N
N
Y
Y
N
N
Y
Y
N
N
keywords
numbers
transparent
inherit
Y
Y
Y
Y
Y
Y
N
N
N
N
N
N
Y
Y
N
N
Y
Y
N
N
keywords
numbers
transparent
inherit
Y
Y
Y
Y
Y
Y
N
N
N
N
N
N
Y
Y
N
N
Y
Y
N
N
keywords
numbers
transparent
inherit
Y
Y
Y
Y
Y
Y
N
N
N
N
N
N
Y
Y
N
N
Y
Y
N
N
keywords
numbers
transparent
inherit
Y
Y
Y
Y
Y
Y
N
N
N
N
N
N
Y
Y
N
N
Y
Y
N
N
1 value
2 values
3 values
4 values
Y
Y
Y
Y
Y
Y
Y
Y
Y
N
N
N
Y
Y
Y
Y
Y
Y
Y
Y
[values]
inherit
Y
Y
Y
N
N
N
Y
N
Y
N
[values]
inherit
Y
Y
Y
N
N
N
Y
N
Y
N
[values]
inherit
Y
Y
Y
N
N
N
Y
N
Y
N
[values]
inherit
Y
Y
Y
N
N
N
Y
N
Y
N
[values]
inherit
Y
Y
Y
N
P 7)
N
Y
N
Y
N

 «AURAL    INDEX   COLOR »   TOP 

Note: This navigation is just a bit of a crutch for browsers incapable of rendering the LINK-element.