Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : border-collapse

смотрим также
    Вокальная студия на Курской - уроки вокала. Объявления, курсы, обучение.

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут border-collapse | Свойство borderCollapse

Это свойство устанавливает, как отображать границы вокруг ячеек таблицы.

Синтаксис

HTML { border-collapse : sCollapse }
Скрипты [ sCollapse = ] object.style.borderCollapse

Возможные значения

sCollapse
Строка, которая может определять и принимать одно из следующих значений:
separate Значение по умолчанию. Вокруг каждой ячейки отображается своя собственная рамка.
collapse Границы между ячейками сливаются. Между ячейками отображается только одна линия.

Свойство borderCollapse не наследуется, то есть должно быть определено отдельно для каждого элемента. Значением по умолчанию является separate.

Замечания

Задание свойства borderCollapse играет роль, когда для ячеек установлена рамка, тогда в месте стыка ячеек получится линия двойной толщины. Добавление значения collapse заставляет браузер анализировать подобные места в таблице и убирать в ней двойные линии. При этом между ячейками остается только одна линия границы, одновременно принадлежащая обеим ячейкам.

То же правило соблюдается и для внешних границ, когда вокруг самой таблицы добавляется рамка.

Примеры

Пример иллюстрирует применение свойства borderCollapse и атрибута border-collapse для объединения границ ячеек в таблице.

<table id="oID_1" style="border-collapse: collapse">
        <tr>
            <td>EST</td>
            <td>9:00 a.m.</td>
        </tr>
        <tr>
            <td>CST</td>
            <td>8:00 a.m.</td>
        </tr>
        <tr>
            <td>PST</td>
            <td>6:00 a.m.</td>
        </tr>
    </table>
    <p>
    <input type="button" onclick="oID_1.style.borderCollapse='separate'" value="separate">
    <input type="button" onclick="oID_1.style.borderCollapse='collapse'" value="collapse">

Стандарты

Это свойство определено в Cascading Style Sheets (CSS), Level 2 (CSS2)

Поддерживаемые браузеры

Internet Explorer частично в версиях 6.0 и 7.0, в версии 8.0 возможны ошибки

Opera 8.0, 9.2, 9.5

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

Internet Explorer до седьмой версии включительно не поддерживает значение inherit.

Internet Explorer 8 ошибочно отрисовывает границу при значении hidden свойства border-style.

Смотри также

border

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms533513(VS.85).aspx

https://developer.mozilla.org/en/CSS/border-collapse

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования