border-рамка (граница, бордюр), border.

это уже можно применять. [2011-08-20]
Автор: Андрей Каструбин

mix

none

hidden

solid

dotted

dashed

double

groove

inset

ridge

outset

<table width="100%" border="0">
<td style="border-top:#F00 4px dotted;
border-left:#FF0 4px groove;
border-bottom:#0F0 4px dashed; 
border-right:#03F 4px double; 
text-align:center;/*текст по центру*/">mix</td>
<td style="border:#F00 4px none; text-align:center;">	    none	</td>
<td style="border:#F00 4px hidden; text-align:center;">	hidden	</td>
<td style="border:#F00 4px solid; text-align:center;">	solid	</td>
<td style="border:#F00 4px dotted; text-align:center;">	dotted	</td>
<td style="border:#F00 4px dashed; text-align:center;">	dashed	</td>
<td style="border:#F00 4px double; text-align:center;">	double	</td>
<td style="border:#F00 4px groove; text-align:center;">	groove	</td>
<td style="border:#F00 4px inset; text-align:center;">	inset	</td>
<td style="border:#F00 4px ridge; text-align:center;">	ridge	</td>
<td style="border:#F00 4px outset; text-align:center;">	outset	</td>
</tr>
</table>

Рамка (граница, бордюр)
команда	виды команды	расширение	описание	размерность	пример
border	внешний вид рамки (бордюра) вокруг элемента, можно в одной строке сразу несколько атрибутов: цвет, стиль и ширину. .td{border-top:#F00 4px dotted;border-left:#FF0 4px groove;border-bottom:#0F0 4px dashed; border-right:#03F 4px double;}
	border-collapse	collapse	общая рамка для ячеек таблицы	есть/нет	#td{border-collapse: collapse;}
	border-collapse	separate	у каждой ячейки своя рамка	есть/нет	#td{border-collapse: separate;}
	border-spacing	значения 1-4*	устанавливает расстояние между ячейками таблицы.	размер	#td{border-spacing: 7px 11px;}
	border-color	цвет	Цвет задается стандартным способом.	цвет	#td{border-color :red;}
		transparent	прозрачный фон.	есть/нет	#td{border-color: transparent;}
		inherit	значение свойств родительского элемента	есть/нет	#td{border-color: inherit;}
	border-style	none	Рамка отсутствует, её ширина равна нулю.	есть/нет	#td{border: none;}
		hidden	рамка есть но её не видно.	есть/нет	#td{border-;}
		solid	простая рамка	размер	#td{border: hidden;}
		dotted	Рамка в виде последовательности точек.	размер	#td{border: solid;}
		dashed	Пунктирная рамка.	размер	#td{border: dotted;}
		double	Двойная линия.	размер	#td{border: double;}
		groove	Вдавленная рамка, с эффектом объёма.	размер	#td{border: groove;}
		inset	Вдавленная рамка, с эффектом объёма.	размер	#td{border: inset;}
		ridge	Выпуклая рамка, с эффектом объёма.	размер	#td{border: ridge;}
		outset	Выпуклая рамка, с эффектом объёма.	размер	#td{border: outset;}
	border-bottom	бордюр снизу - цвет стиль и ширина могут быть вложены		цвет, размер, стиль	#td{border-bottom: red 1px groove;}
	border-bottom-color	цвет бордюра снизу		цвет	#td{border-bottom-color: red;}
	border-bottom-style	стиль бордюра снизу		есть/нет	#td{border-bottom-style: groove;}
	border-bottom-width	ширина бордюра снизу		размер	#td{border-bottom-width: 1px;}
	border-left	бордюр слева - цвет стиль и ширина могут быть вложены		цвет, размер, стиль	#td{border-left: red 1px groove;}
	border-left-color	цвет бордюра слева		цвет	#td{border-left-color: red;}
	border-left-style	стиль бордюра слева		есть/нет	#td{border-left-style: groove;}
	border-left-width	ширина бордюра слева		размер	#td{border-left-width: 1px;}
	border-right	бордюр справа - цвет стиль и ширина могут быть вложены		цвет, размер, стиль	#td{border-right: red 1px groove;}
	border-right-color	цвет бордюра справа		цвет	#td{border-right-color: red;}
	border-right-style	стиль бордюра справа		есть/нет	#td{border-right;}
	border-right-width	ширина бордюра справа		размер	#td{border-right;}
	border-top	бордюр сверху - цвет стиль и ширина могут быть вложены		цвет, размер, стиль	#td{border-top: red 1px groove;}
	border-top-color	цвет бордюра сверху		цвет	#td{border-top-color: red;}
	border-top-style	стиль бордюра сверху		есть/нет	#td{border-top-style: groove;}
	border-top-width	ширина бордюра сверху		размер	#td{border-top-width: 1px;}
	border-radius	значения 1-4/1-4	Устанавливает радиус скругления уголков рамки. Если рамка не задана, то скругление также происходит и с фоном.	цвет, размер, стиль	#td{ border-radius;60px/верх лево/ 10px /верх право/ 60px/низ право/ 10px /низ лево/ / 30px/лево верх/ 10px/право верх/ 30px/низ право/ 10px /низ лево/ ;}
	border-top-left-radius	значения 1-2/1-2	Устанавливает радиус скругления левого верхнего уголка рамки. Если рамка не задана, то скругление также происходит и с фоном.	размер	#td{border-top-left-radius: 2px;}
	border-top-right-radius	значения 1-2/1-2	Устанавливает радиус скругления правого верхнего уголка рамки. Если рамка не задана, то скругление также происходит и с фоном.	размер	#td{border-top-right-radius: 2px;}
	border-bottom-left-radius	значения 1-2/1-2	Устанавливает радиус скругления левого нижнего уголка рамки. Если рамка не задана, то скругление также происходит и с фоном.	размер	#td{border-bottom-left-radius: 2px;}
	border-bottom-right-radius	значения 1-2/1-2	Устанавливает радиус скругления правого нижнего уголка рамки. Если рамка не задана, то скругление также происходит и с фоном.	размер	#td{border-bottom-right-radius: 2px;}

• • •