Основы работы с XHTML и CSS


Выборочное оформление границ ячеек


Окружающие ячейки границы можно выборочно оформлять, применяя для тега <td> стили border-top, border-bottom, border-left, и border-right. Эти стили используются обычно для вывода верхней и нижней или правой и левой границ для выделения строк или столбцов таблицы. Две таблицы, показанные на рисунке 8.8, выводятся с таблицей стилей, заданной на листинге 8.12.

<style type="text/css"> table {border:outset 5px; border-collapse:collapse} td {border-top:solid 2px; border-bottom:solid 2px} </style>

<style type="text/css"> table {border:outset 5px; border-collapse:collapse} td {border-left:solid 2px; border-right:solid 2px} </style>

Листинг 8.12. Таблицы стилей для задания границ строк и столбцов (html, txt)

Задание границ строк и столбцов

Рис. 8.8.  Задание границ строк и столбцов

Чтобы расширить границы строки и столбца на всю таблицу, границы должны быть сжаты. Иначе в линиях появятся разрывы между отдельными ячейками. Как упоминалось ранее, сжатые границы означают также, что не выводятся различные стили границ ячеек. Поэтому стиль границы solid является единственным, который необходимо использовать для всех ячеек.




Начало  Назад  Вперед