home HTML XML DTD CSS Visual Filter JavaScript Java ASP SSI .NET  
CSS Reference >
Suggested Reading

Box properties


tag/attrib/value description
margin: 2 3   4 3   Open space outside box edge
Margin-width{1,4} 2 3   4 3  
inherit 2 -   - -  
margin-left, margin-right, margin-top, margin-bottom: 1 3   4 3   Open space outside box edge
Margin-width 1 3   4 3  
inherit 2 -   - -  
Margin-width 1 3   4 3  
Length 1 3   4 3  
Percentage 1 3   4 3  
auto 1 3   4 3  
border: 1 4 1 4 3   Open space inside box edge
[ border-width || 1 4   4 3  
border-style || 1 4   4 3  
border-color ] 1 4   4 3  
inherit   -   - -  
border-left, border-right, border-top, border-bottom: 1 4 1 - 3   Open space inside box edge
border-xxx-width 1 4   - 3  
border-xxx-style 1 4   - 3  
border-xxx-color 1 4   - 3  
inherit   -   - -  
border-width: 1 4 1 4 3   Width of border
[ Border-width{1,4} | 1 4   4 3  
inherit ] 2 -   - -  
border-left-width, border-right-width, border-top-width, border-bottom-width: 1 4 1 4 3   Width of border
[ Border-width | 1 4   4 3  
inherit ] 2 -   - -  
Border-width 1 4   4 3   Width of border
[ thin | 1 4   4 3   Thin border
medium | 1 4   4 3   Medium border
thick | 1 4   4 3   Thick border
rWidth ] 1 4   4 3   Width of border
border-style: 2 4 1 4 3   Style of border
[ Border-style{1,4} | 2 4   4 3  
inherit | 2 -   - -  
border-left-style, border-right-style, border-top-style, border-bottom-style: 2 4 1 - 3   Style of border
[ Border-style | 2 4   - 3  
inherit ] 2 -   - -  
Border-style 1 4   4 3   Style of border
[ none | 1 4   4 3   No border
hidden | 2 -   - 3   Forces no border
dotted | 1 5.5   - 3   . . . . .
dashed | 1 5.5   - 3   - - - - -
solid | 1 4   4 3   ---------
double | 1 4   4 3   =========
groove | 1 4   4 3   3-D carved border
ridge | 1 4   4 3   3-D upset border
inset | 1 4   4 3   Box goes down
outset ] 1 4   4 3   Box comes up
border-color: 1 4 1 4 3   Color of border
[ Border-color{1,4} | 1 4   4 3  
inherit ] 2 -   - -  
border-left-color, border-right-color, border-top-color, border-bottom-color: 2 4 1 - 3   Color of border
[ Border-color | 2 4   - 3  
inherit ] 2 -   - -  
Border-color 1 4   4 3   Color of border
[ Color | 1 4   4 3   Color of border
transparant ] 2 -   - -   No color
padding: 1 4   4 3  
[ Padding-width{1,4} | 1 4   4 3  
inherit ] 2 -   - -  
padding-left, padding-right, padding-top, padding-bottom: 1 4   4 3  
[ Padding-width | 1 4   4 3  
inherit ] 2 -   - -  
Padding-width 1 4   4 3   Open space inside box border
[ Length | 1 4   4 3  
Percentage ] 1 4   4 3