Связь и интернет Архив Программирование
   
Сделать стартовойСделать закладку            
   ПОИСК  
   
Главная / CSS / Не для новичков /
8  Perl
8  PHP
8  JavaScript
8  HTML
8  DHTML
8  XML
8  CSS
8  C / C++
8  Pascal и Delphi
8  Турбо Ассемблер
8  MySQL
8  CASE-технологии
8  Алгоритмы
8  Python
8  Обратная связь
8  Гостевая книга
Новости о мире


Таблицы - Программирование от RIN.RU
Таблицы



Отображение рамок таблиц


Задание типа рамок: свойство 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  В тему

Введение в таблицы стилей

Селекторы, псевдоклассы и псевдоэлементы

Значения свойств, каскадность и наследование

Границы, заполнители и рамки

Позиционирование элементов

Визуализация элементов

Цвет и фон

Шрифты

Текст

Генерация содержимого, нумерация и списки

Страничные устройства вывода

Звуковые таблицы стилей

 
  
  
    Copyright ©  RIN 2003 - 2004      * Обратная связь
Нержавеющая пружинная проволока, пружинная проволока, проволока. Пружинная проволока от Сервис.