Отображение рамок таблиц Задание типа рамок: свойство border-collapse Синтаксис: border-collapse: collapse | separate | inherit Начально: collapse Применимо: к элементам типа table и inline-table Наследуемо: да Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту (5.0+) Не поддерживаeтся Свойство border-collapse задает тип рамок таблицы. CSS поддерживает для таблиц два типа рамок: слившиеся рамки (collapse) и раздельные рамки (separate). Раздельные рамки соответствуют стандарту HTML; слившиеся рамки отличаются тем, что соседние рамки сливаются в единую рамку. Различие между ними наглядно демонстрируется следующим примером (Netscape Navigator отображает его неверно!): Слившиеся рамки Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Раздельные рамки Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Ячейка Тип рамки таблицы определяет и то, какие свойства рамки применимы к данной таблице, и то, как именно отображается тот или иной стиль рамки. В таблице с раздельными рамками каждая ячейка имеет собственную рамку, поэтому задание рамок для строк, столбцов, групп строк и групп столбцов игнорируется обозревателем. К таблице с раздельными рамками применимы свойства border-spacing и empty-cells; для таблиц со слившимися рамками они игнорируются. В таблице со слившимся рамками можно задавать рамки как для ячеек, так и для строк, столбцов, групп строк и групп столбцов. Если рамки отдельных составляющих противоречат друг другу, то используется следующий алгоритм разрешения конфликтов: Рамки со значением border-style, равным hidden, имеют приоритет над остальными конфликтующими рамками. Любая рамка этого стиля подавляет все рамки в данном месте таблицы. Рамки со стилем none имеют наименьший приоритет. Рамка не будет отображаться только тогда, когда все элементы, расположенные в данном месте, имеют этот стиль рамки. В остальных случаях более широкие рамки имеют приоритет перед более узкими. Если же несколько рамок имеют одно значение border-width, то стили рамок в порядке убывания приоритетов таковы: double, solid, dashed, dotted, ridge, outset, groove, inset. Если рамки отличаются только цветами, то порядок убывания приоритетов таков: рамка ячейки, рамка строки, рамка группы строк, рамка столбца, рамка группы столбцов, рамка таблицы. Отображение некоторых стилей рамок для таблиц также зависит от типа рамки и несколько отлично от обычного, а именно: hidden Скрытая рамка. То же, что none, но для слившихся рамок подавляет все остальные рамки. inset Для раздельных рамок изображается в виде трехмерной врезки; для слившихся рамок совпадает с groove. outset Для раздельных рамок изображается в виде трехмерной вырезки; для слившихся рамок совпадает с ridge. Расстояние между рамками: свойство border-spacing Синтаксис: border-spacing: <размер> <размер> ? | inherit Начально: 0 Применимо: к элементам типа table и inline-table Наследуемо: да Проценты: не используются Устройства: визуальные Поддержка : Не поддерживаeтся Не поддерживаeтся Свойство border-spacing задает расстояние между соседними рамками таблицы в том случае, когда таблица имеет раздельные рамки. Если указан только один размер, то он задает расстояние между рамками и по вертикали, и по горизонтали. Если указаны два размера, то первый задает расстояние между рамками по горизонтали, а второй - по вертикали. Расстояния не могут быть отрицательными. Пример: TABLE { border: outset 10pt; border-collapse: separate; border-spacing: 15pt } Рамки вокруг пустых ячеек: свойство empty-cells Синтаксис: empty-cells: show | hide | inherit Начально: show Применимо: к элементам типа table-cell Наследуемо: да Проценты: не используются Устройства: визуальные Поддержка : Не поддерживаeтся Не поддерживаeтся Свойство empty-cells управляет отображением рамок вокруг пустых ячеек в том случае, когда таблица имеет раздельные рамки. Ячейка таблицы считается пустой, если не содержит ничего, кроме пробелов ("\20"), табуляций ("\09"), переводов строки ("\0D")и возвратов каретки ("\0A"). Кроме того, пустыми считаются ячейки, у которых значение свойства visibility равно hidden. Если данное свойство имеет значение show, то рамки вокруг пустых ячеек отображаются обычным образом. Если оно имеет значение hide, то рамки вокруг пустых ячеек не отображаются; более того, если вся строка таблицы состоит из пустых ячеек, то она ведет себя так, как если бы имела свойство display со значением none. Пример: TABLE { border-collapse: separate; empty-cells: show } Звуковое отображение таблиц: свойство speak-header Синтаксис: speak-header: once | always | inherit Начально: once Применимо: к элементам, содержащим заголовки таблиц Наследуемо: да Проценты: не используются Устройства: звуковые Поддержка : Не поддерживаeтся Не поддерживаeтся Если таблица произносится синтезатором речи, то взаимоотношения между ячейками данных и ячейками заголовков выражаются иначе, чем при визуальном отображении таблицы. Свойство speak-header позволяет нам указать, в какой момент должны произноситься заголовки. Оно может принимать следующие значения: once Заголовок произносится один раз, перед серией ячеек. always Заголовок произносится перед каждой ячейкой, к которой он относится Способ задания заголовков зависит от языка документа. В частности, HTML содержит три атрибута элементов TD и TH (headers, scope и axis), которые позволяют связать с каждой ячейкой таблицы соответствующий заголовок. Пример: TH.totals { speak-header: always } <<<  Назад  1  2  3   8  Комментарии к статье  8 8  Обсудить в чате

8  В тему Введение в таблицы стилей Селекторы, псевдоклассы и псевдоэлементы Значения свойств, каскадность и наследование Границы, заполнители и рамки Позиционирование элементов Визуализация элементов Цвет и фон Шрифты Текст Генерация содержимого, нумерация и списки Страничные устройства вывода Звуковые таблицы стилей