Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Информационный Бестселлер на DVD или CD

Статьи для сайтов!!!
Главная CSS по шагам Свойства CSS Border-collapse Border-color

Свойство border-collapse

Описание

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

Это свойство применимо к тегу <table>.

Значение

- collapse – линия между соседними ячейками общая. Отображается одна линия,

- separate – таблица и каждая ячейка имеют собственные границы. В местах соприкосновения ячеек рисуются две линии,

- inherit - принимает значение свойства родительского элемента.

Значение по умолчанию

- separate

Пример

Пример - Свойство border-collapse

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Свойство border-collapse </title>

<style type="text/css">
.table{border-collapse:collapse}
</style>

</head>
<body>
<p> Свойство border-collapse </p>
<table class="table" width="700" border="2" bordercolor="#0000FF">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

<p> Линия между соседними ячейками общая. </p>
<table width="700" border="2" bordercolor="#FF00FF">
<tr>
<td>
&nbsp;</td>
<td>
&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

<p> Таблица и каждая ячейка имеют собственные границы. </p>
</body>
</html>

При просмотре в браузере


Свойство Border Свойство Border-collapse Свойство Border-color
Свойства CSS
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru