CSS GUIDE BORDER STYLE

This document is a work in progress and is subject to change.

Summary

The border-style property sets the style of an element's border. This property must be specified for the border to be visible. Between one and four keywords are specified. If four values are given, they apply to top, right, bottom, and left border style, respectively. If one value is given, it applies to all sides. If two or three values are given, the missing values are taken from the opposite side.

Syntax

table {border-style: dotted} all four borders will be dotted

table {border-style: dotted dashed} top and bottom border will be dotted, left an right border will be dashed

table {border-style: dotted dashed solid} top border will be dotted, left and right border will be dashed, bottom border will be solid

table {border-style: dotted dashed solid double} top border will be dotted, right border will be dashed, bottom border will be solid, left border will be double

Legal Values

Value	Description
none	Defines no border
font-family	Mark
text-decoration	Sherman
font-weight	Dave
background-color	Mark
7	width	Sherman
8	text-align	Dave
9	margin-top	Mark
10	margin	Sherman
11	margin-bottom	Dave
12	border	Mark
13	padding	Sherman
14	line-height	Dave
15	height	Mark
16	margin-left	Sherman
17	font-style	Dave
18	padding-left	Mark
19	padding-top	Sherman
20	position	Dave
21	border-bottom	Mark
22	background-image	Sherman
23	background	Dave
24	margin-right	Mark
25	border-right	Sherman
26	padding-bottom	Dave
27	border-top	Mark
28	border-left	Sherman
29	top	Dave
30	display	Mark
31	left	[[user:| ]]
32	padding-right	bhearsum
33	vertical-align	[[user:| ]]
34	background-repeat	[[user:| ]]
35	z-index	[[user:| ]]
36	float	[[user:| ]]
37	cursor	[[user:| ]]
38	border-style	Colin
39	font	[[user:| ]]
40	border-width	[[user:| ]]
41	background-position	[[user:| ]]
42	letter-spacing	[[user:| ]]
43	visibility	[[user:| ]]
44	border-color	[[user:| ]]
45	border-collapse	[[user:| ]]
46	list-style-type	[[user:| ]]
47	text-transform	[[user:| ]]
48	clear	[[user:| ]]
49	overflow	[[user:| ]]
50	text-indent	[[user:| ]]
51	-moz-binding	[[user:| ]]
52	-moz-border-radius	[[user:| ]]
53	-moz-border-radius-topleft	[[user:| ]]
54	-moz-border-radius-topright	[[user:| ]]
55	-moz-border-radius-bottomright	[[user:| ]]
56	-moz-border-radius-bottomleft	[[user:| ]]
57	-moz-border-top-colors	[[user:| ]]
58	-moz-border-right-colors	[[user:| ]]
59	-moz-border-BOTTOM-colors	[[user:| ]]
60	-moz-border-left-colors	[[user:| ]]
61	-moz-opacity	[[user:| ]]
62	-moz-outline	[[user:| ]]
63	-moz-outline-color	[[user:| ]]
64	-moz-outline-style	[[user:| ]]
65	-moz-outline-width	[[user:| ]]
66	-moz-outline-focus	[[user:| ]]
67	-moz-user-input	[[user:| ]]
68	-moz-user-modify	[[user:| ]]
69	-moz-user-select	[[user:| ]]