Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - border-collapse.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Свойство border-collapse поддерживается во всех основных браузерах.

Внимание!!! Если DOCTYPE не указан, свойство border-collapse может привести к непредсказуемым результатам.

Определение и использование. Свойство border-collapse устанавливает границы таблицы, то есть определяет есть ли между ячейками пустого пространства или как в стандартном HTML.

Свойство border-collapse включается когда для ячеек установлена рамка и в месте стыка ячеек получится линия двойной толщины. Значение свойства collapse заставляет браузеры анализировать такие места в таблице и убирать в ней двойные линии. Тогда между ячейками таблицы остается лишь одна граница, одновременно принадлежащая обеим ячейкам. То же правило соблюдается и для внешних границ таблицы и вокруг самой таблицы при этом добавляется рамка.

Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство border-collapse, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.


Синтаксис:

           border-collapse: separate|collapse|initial|inherit;

Описание и Использование

Значение по умолчанию: раздельный
наследует: да
анимируемых: нет
Version: CSS2
JavaScript синтаксис: object.style.borderCollapse="collapse"


Свойства Значения

Значение Описание
separate Границы находятся отдельно( border-spacing и empty-cells свойства не будут проигнорированы). Это значение установлено по умолчанию
collapse Границы сворачиваются в одни границы, когда это возможно( border-spacing и empty-cells свойства будут игнорироваться)
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу:

< !DOCTYPE>
< html>
< head>
< style>
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid black;
}
< /style>
< /head>
< body>
< table>
< tr>
< th>Имя< /th>
< th>Фамилия< /th>
< /tr>
< tr>
< td>Олег< /td>
< td>Васильев< /td>
< /tr>
< tr>
< td>Маша< /td>
< td>Петрова< /td>
< /tr>
< /table>
< p>< b>Внимание!!!< /b> Если !DOCTYPE не указан, то свойство border-collapse 
 может привести к непредсказуемым результатам
в IE8, и в более ранних версиях.< /p>
< /body>
< /html>                      

Результат программы:

Имя Фамилия
Олег Васильев
Маша Петрова

Внимание!!! Если !DOCTYPE не указан, то свойство border-collapse может привести к непредсказуемым результатам в IE8, и в более ранних версиях.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: