Работа с полями ячеек и расстоянием между ячейками таблицы
В то время как задание полей ячейки (cellpadding) сообщает Web-браузеру число пикселей интервала, который следует оставить между сторонами ячейки и ее содержимым, задание расстояния между ячейками (cellspacing) сообщает Web-браузеру размер интервала, который нужно оставить между ячейками и между границей вокруг таблицы и ее ячейками. На рис. 2.14 показано различие между полями ячейки и расстоянием между ячейками.
Рис. 2.14. Поля ячейки определяют расстояние между ячейками, а расстояния между ячейками — расстояние между границей ячейки и ее содержимым
Поскольку атрибуты cellspacing и cellpadding оказывают влияние на все ячейки в таблице, оба атрибута устанавливаются в дескрипторе <table> таблицы. По умолчанию и cellspacing, и cellpadding имеют значение больше нуля. Например, если вы опустите оба атрибута из дескриптора <table>, Internet Explorer оставит интервал шириной в два пикселя между каждой ячейкой и между границами таблицы и ее ячеек. Следовательно, в Internet Explorer по умолчанию cellspacing равен двум (2). Аналогично, если cellpadding не задан, Internet Explorer оставит интервал шириной в один пиксель между границей каждой ячейки и ее содержимым.
ПРАКТИКУМ
Чтобы увеличить интервалы между ячейками в таблице, установите атрибут cellspacing в дескрипторе <table> таблицы равным значению больше 1. Например, установка атрибута cellspacing равным десяти (10) в следующем коде дает Web-браузеру указание оставить интервалы шириной 10 пикселей между каждой из ячеек таблицы и между границей таблицы и ее ячейками:
<table border="1" cellspacing="10">
Аналогично, если вы хотите увеличить интервалы между сторонами ячейки и ее содержимым, задайте соответствующее значение атрибута cellpadding. (В данном примере Web-браузер по-прежнему оставит интервал шириной только в один пиксель между границей ячейки и ее содержимым, поскольку в дескрипторе <table> не указан атрибут cellpadding.) Чтобы Web-браузер оставил между сторонами ячейки (то есть границей вокруг ячейки) и ее содержимым интервалы шириной пять пикселей, предыдущий дескриптор <table> следует записать так:
<table border="1" cellspacing="10" cellpadding="5">
Хотя в этом примере дескриптор <table> содержит и атрибут cellspacing, и атрибут cellpadding, вовсе не обязательно задавать один из них, чтобы задать другой. Просто имейте в виду, что большинство Web-браузеров будут использовать значение по умолчанию — один (1) или два (2) пикселя — для одного или обоих атрибутов, если вы явным образом не установите значения атрибута/атрибутов в дескрипторе <table>.