Самоучитель по креативному веб-дизайну. Книга 1, стр.76

дескрипторами строки таблицы (
) для строки под той, в которой вы создали объединяющую два столбца ячейку.)

Работа с шириной границы таблиц и ячеек

Граница {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) — это видимая линия по периметру таб — лицы и вокруг каждой из ячеек внутри таблицы. Границы таблицы и ячеек име — ют два атрибута, которые вы можете задать — ширина (с которой вы работали в ходе предыдущего практикума) и цвет. Чтобы настроить цвета границ ячеек и

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 142
  • 10.06.2011">Подбираю ноутбук для работы и отпуска. Ещё один интересный экземпляр.
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 125
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.124
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.35
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 136
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 123
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.53
  • 05.11.2012">Gmail стал самым популярным почтовым сервисом в мире
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 019
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.63
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 006
  • 10.07.2010">Дизайн сайта определяется контентом
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 017
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 070
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...