Главная HTML Атрибуты таблицы HTML

Атрибуты таблицы HTML

знаком "+" отмечено присутствие атрибута в тегах Таблицы
Атрибут Значение <TABLE> <TR> <TD>
align = горизонтальное выравнивание таблицы
(center \ left \ right)		 + + +
bgcolor = фоновый цвет таблицы. + + +
background = графическое изображение фона всей таблицы или ячееки. +   +
border = толщина рамки таблицы. +    
bordercolor = цвет всей рамки таблицы. + + +
Borderco­lordark = цвет нижней и правой частей внешней рамки таблицы, цвет верхней и левой частей рамки ячейки. + + +
Borderco­lorlight = цвет верхней и левой частей внешней рамки таблицы, цвет нижней и правой частей рамки ячейки. + + +
cellspacing = определяет расстояние между смежными ячейками. +    
cellpadding = размер отступа между рамкой ячейки и данными внутри ячейки. +    
colspan = объединение ячеек по горизонтали.     +

rowspan		 = объединение ячеек по вертикали.     +
width = ширина. +   +
height = высота. +   +
frame дополнительно указывает, какие части внешней рамки (границы) отображать.

Пример: <table border="3" frame=hsides>

=box (отображать все четыре стороны)
=hsides (отображать горизонтальные части рамки сверху и снизу)
=vsides (отображать только левую и правую вертикальные части рамок)
=void (не отбражать внешнюю рамку)
=above (отображать только верхнюю часть рамки)
=below (отображать только нижнюю часть рамки)
=lhs (отображать только левую часть рамки)
=rhs (отображать только правую часть рамки)
 +    
rules = определяет отображение внутренних разделительных линий (границ) между столбцыми и строками татлицы

=all (отображать все вертикальные и горизонтальные линии)
задано по умолчанию
=cols (отображение только вертикальных линий между столбцами)
=rows (отображение только горизонтальные линии между строками)
=none (не отображать разделительные линии) 		+    
valign выравнивание содержимого ячеек
= top - выравнивание по верху
= middle - по центру
= bottom - по низу
= baseline - все ячейки строки прижаты кверху		   + +

Расстояние между ячейками
Атрибуты cellspacing и cellpadding

Для изменения расстояния между ячейками применяется атрибут cellspacing тега <table>.

Пример 1 
<table border="1">
12
34

Пример 2 
<table border="1" cellspacing="0" cellpadding="0">
12
34

Пример 3 
<table border="1" cellspacing="0">
12
34

Пример 4 
<table border="1" cellpadding="0">
12
34

Пример 5 
<table border="1" cellspacing="0" cellpadding="10">
12
34

Пример 6 
<table border="1" cellspacing="10" cellpadding="0">
12
34