дескрипторами строки таблицы ( ) для строки под той, в которой вы создали объединяющую два столбца ячейку.)
Работа с шириной границы таблиц и ячеек
Граница {border) — это видимая линия по периметру таблицы и вокруг каждой ячейки внутри таблицы. В отличие от фонов таблицы и ячеек, которые являются независимыми, границы таблицы и ячеек взаимосвязаны. Как вы узнаете из сле —
дующего практикума, цвета границы таблицы и границы ячеек можно задать не — зависимо. Однако если вы установите ширину границы таблицы равной одному
или нескольким пикселям, Web-браузер нарисует границу также вокруг каждой ячейки таблицы. И, напротив, если вы установите атрибут border таблицы рав — ным нулю, Web-браузер не нарисует ни внешней границы таблицы, ни границ
по периметру каждой из ячеек внутри нее.
На рис. 2.10 показаны две таблицы. Таблица слева не имеет границ, посколь —
ку значение атрибута border в ее дескрипторе установлено равным «0″.
В то же время таблица справа на рисунке имеет границу шириной в один пик — сель по периметру границы и вокруг каждой ее ячейки, поскольку значение ат —
рибута border в ее дескрипторе установлено равным «I й.
92 Глава 2. HTML-таблицы
Примите к сведению, что в стандарте языка HTML граница вокруг таблицы
называется рамкой (frame), а границы вокруг отдельных ячеек внутри таблицы —
линейками (rules). Задание атрибутов bordercoior (цвет границы) и/или border в
дескрипторе воздействует и на рамку таблицы, и на линейки ячеек. На —
пример, задание border=»0″ подразумевает frame=»void» (рамки нет) и
ruies=»none» (линеек нет) — что, в сущности, делает все границы снаружи и внутри таблицы невидимыми. Во время рассмотрения каскадных таблиц стилей (CSS) в главе 4 вы увидите, что новейшие Web-браузеры позволяют управлять ат — рибутами ячеек отдельно от атрибутов таблицы в целом. Вы научитесь создавать CSS-правила, позволяющие задавать ширину и цвет рамки таблицы независимо
от линеек (то есть границ) вокруг ячеек таблицы.
ПРАКТИКУМ
Ранее в этой главе вы узнали, как нарисовать границу шириной в 1 пиксель вок —
руг таблицы и ячеек внутри таблицы, задав атрибут border в дескрипторе
таблицы следующим образом:
Чтобы увеличить ширину границы таблицы, просто увеличьте число пиксе —
лей, присвоенное атрибуту border в дескрипторе таблицы. Например, чтобы нарисовать вокруг таблицы границу шириной 10 пикселей, установите
значение атрибута border в дескрипторе равным «Ю11; результирующая
таблица показана на рис. 2.11.
Обратите внимание на два интересных эффекта изменения значения атрибута border. Во-первых, хотя ширина границы по периметру таблицы увеличивается с увеличением значения, присвоенного атрибуту border, ширина каждой из гра —
ниц вокруг ячеек внутри таблицы в то же время остается равной одному пиксе — лю. Вне зависимости от того, насколько широкой вы сделаете границу вокруг таблицы, большинство Web-браузеров нарисуют вокруг каждой из ячеек внутри таблицы границу шириной в один пиксель — за исключением того случая, когда значение атрибута border установлено равным нулю — тогда ни таблица, ни ее ячейки не будут иметь границ. Во-вторых, по умолчанию Web-браузеры рисуют
границы и таблицы, и ячеек с использованием двух цветов, пытаясь придать таб — лице (и ее ячейкам) трехмерный вид. При использовании границы по умолча —
нию — серой — Web-браузер нарисует левую и верхнюю стороны таблицы светло — серым, а нижнюю и правую стороны таблицы — темно-серым. Web-браузер также
использует два цвета — хотя их нелегко различить при их ширине, составляющей обычно один пиксель — при рисовании границ вокруг ячеек внутри таблицы. Ле —
Глава 2. HTML-таблицы. 93
вая сторона и верх каждой ячейки — темно-серые, тогда как низ и правая сторо —
на ячейки имеют светло-серый цвет. Научиться устанавливать цвета границ таб — лицы и ячеек отличными от цветов по умолчанию — серых — вы сможете, озна — комившись со следующим практикумом.
Работа с цветами границ таблицы и ячеек
Как вы уже знаете, граница (border) — это видимая линия по периметру таб — лицы и вокруг каждой из ячеек внутри таблицы. Границы таблицы и ячеек име — ют два атрибута, которые вы можете задать — ширина (с которой вы работали в ходе предыдущего практикума) и цвет. Чтобы настроить цвета границ ячеек и