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

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

Версия от 13:24, 26 апреля 2011; Evgen (Обсуждение | вклад)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

Разработка и внедрение CRM-систем

Разработка и внедрение CRM-систем "под ключ" на базе SugarCRM. Любые задачи для любого вида бизнеса. Установка бесплатной CRM-системы бесплатно. Интеграция с существующей инфраструктурой, бухгалтерской программой, телефонией. Доработка существующих проектов. Обучение персонала.

подробнее ...

+7 (495) 646-06-27
8 (800) 555-06-28 (звонок бесплатный)
+7 (910) 9082123 (сотовый, МТС)
evgenjekson (бесплатная переадресация на сотовый)
195938768
[email protected]

Содержание

Атрибут 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

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

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

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

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