| |
нумерации ячеек, — это
добавление лишних пар дескрипторов между начальным и конечным
дескрипторами строки таблицы () для строки под той, в которой вы
создали объединяющую два столбца ячейку.)
Работа с шириной границы таблиц и ячеек
Граница {border) - это видимая линия по периметру таблицы и вокруг каждой
ячейки внутри таблицы. В отличие от фонов таблицы и ячеек, которые являются
независимыми, границы таблицы и ячеек взаимосвязаны. Как вы узнаете из сле-
дующего практикума, цвета границы таблицы и границы ячеек можно задать не-
зависимо. Однако если вы установите ширину границы таблицы равной одному
или нескольким пикселям, Web-браузер нарисует границу также вокруг каждой
ячейки таблицы. И, напротив, если вы установите атрибут border таблицы рав-
ным нулю, Web-браузер не нарисует ни внешней границы таблицы, ни границ
по периметру каждой из ячеек внутри нее.
На рис. 2.10 показаны две таблицы. Таблица слева не имеет границ, посколь-
ку значение атрибута border в ее дескрипторе установлено равным "0".
В то же время таблица справа на рисунке имеет границу шириной в один пик-
сель по периметру границы и вокруг каждой ее ячейки, поскольку значение ат-
рибута border в ее дескрипторе установлено равным " I й .
Tafimuaбез границ laomoec
Заголсиок 1 Заголоюк 2 i Заголовок 1 i Захолоток 2
Строка 1, элемент 1 Строка 1, элемент 2 Строка 1, элемент 1 ^Строка 1, элемент
2 !
Строка 2, элемент 1 Строка 2, мекект 2 1СтрОК8.2, элемент 1 ^Строка 2, элемент
2 |
Рис. 2.10. Таблицы без границ и с границами шириной один пиксель
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.
|
