| |
сможете отображать двухцветные грани-
цы как в Internet Explorer, так и в Netscape Navigator. Internet Explorer будет
игнорировать
атрибут bordercolor и использовать значения атрибутов bordercolorlight и
bordercolordark. Netscape Navigator, в то же время, будет игнорировать атрибуты
bordercolorlight и bordercolordark и использовать для установки цвета границ
таб-
лицы и ячеек значение атрибута bordercolor.
Если посетители вашего сайта будут пользоваться версией Internet Explorer 5
и выше или версией Netscape Navigator 6.1 и выше, вы можете указать цвет каж-
дой стороны таблицы и ее ячеек независимо друг от друга с помощью атрибута
style. Например, задав атрибут style в дескрипторе , как показано
ниже, вы можете окрасить верхнюю (top) и левую (left) стороны таблицы в тем-
но-синий, в то же время сделав нижнюю (bottom) и правую (right) стороны таб-
лицы голубыми:
Хотя атрибут style в данном примере устанавливает один цвет для верхней и
левой сторон и другой цвет для нижней и правой сторон, можно установить
каждое из четырех свойств border-color внутри атрибута style равным своему
собственному цвету. Чтобы задать один и тот же цвет для всех четырех сторон
таблицы, установите значение свойства border-color равным желаемому цвету
следующим образом:
Точно так же, как вы вставляете атрибут style в дескриптор для ра-
боты с цветами сторон таблицы, вы можете вставить style в дескриптор | ,
чтобы таким же образом управлять цветами сторон ячейки. Например, окрасить
стороны ячейки в красный, синий, зеленый и пурпурный можно путем задания
атрибута style в дескрипторе | :
|
Аналогично, чтобы задать один и тот же цвет для всех сторон ячейки, напри-
мер, красный, используйте свойство border-color следующим образом:
|
Имейте в виду, что использование свойства border-color для задания одного
и того же цвета для всех четырех сторон таблицы или всех четырех сторон ячей-
ки на самом деле дает вам два цвета. Если речь идет о сторонах таблицы, и
Internet Explorer, и Netscape Navigator нарисуют верхнюю и левую стороны ука-
занным вами цветом, а нижнюю и правую стороны — более темным тоном того
же цвета. Аналогично, когда вы задаете с помощью border-color один цвет для
всех сторон ячейки, оба браузера отобразят нижнюю и правую стороны ячейки
указанным вами цветом, а верхнюю и левую стороны ячейки — более темным то-
ном того же цвета.
Глава 2. HTML-таблицы 95
Работа с фоновыми изображениями и цветами
Значение, присвоенное атрибуту bordercoior в дескрипторе , изме-
няет цвет границы вокруг таблицы и границ вокруг ячеек - за исключением тех
ячеек, дескрипторы | которых содержат свои собственные атрибуты
bordercoior. Следовательно, если вы хотите, чтобы Web-браузер нарисовал зеле-
ную границу вокруг отдельной ячейки в таблице - вне зависимости от цвета гра-
ниц вокруг других ячеек в таблице или вокруг самой таблицы -добавьте атрибут
bordercoior в дескриптор | ячейки. Например, чтобы дать Web-браузеру
указание нарисовать зеленую границу вокруг ячейки, дескриптор | этой
ячейки должен выглядеть следующим образом:
|
Для Internet Explorer, в частности, можно указать цвета границы ячейки сле-
дующим образом, чтобы верхняя и левая стороны ячейки были нарисованы зеле-
ным цветом, а нижняя и правая стороны — светло-зеленым:
|
Хотя все Web-браузеры поддерживают использование атрибута
bordercoior в дескрипторе < t a b l e > , многие их них не поддерживают
использование ат-
рибутов bordercoior, b o r d e r c o l o r l i g h t и bordercolordark в
дескрипторе | . В
связи с этим разрабатывайте свои таблицы в соответствии с предположением, что
многие
из посетителей вашего Web-сайта будут видеть границу вокруг каждой ячейки того
же цвета
(цветов), что и граница по периметру самой таблицы.
Поскольку фоновые изображения и цвета — это "атрибуты" таблицы или
ячейки внутри таблицы, они задаются (в форме атрибута border) как часть
HTML-дескриптора. (Элементы Web-страниц, такие как таблицы, строки, данные
и т.д., имеют свои собственные HTML-дескрипторы, тогда как атрибуты всегда
находятся внутри HTML-дескрипторов.) Поскольку и таблица, и каждая из ее
ячеек имеют фон, который можно задать независимо, пожалуй, самый простой
способ понять, как взаимодействуют между собой фон таблицы и фон каждой из
ее ячеек — это представлять их себе как накладываемые друг на друга. На рис.
2.12, например, показаны четыре таблицы. Две таблицы в верхней части рисунка
суть таблица с фоновым цветом и таблица с фоновым изображением. Две табли-
цы в нижней части рисунка показывают, что произойдет, если дать Web-браузеру
указание нарисовать некоторые из ячеек таблицы с фоновым цветом или фоно-
вым изображением.
Фон т
|
|
 | [Весь Текст] |
| |  | |
|
