Среда, 20 Марта 2013 12:21

CSS свойство border-collapse

Written by 
Оцени эту запись
(1 Голос)

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

 

Примеры таблиц без свойства border-collapse и с ним:

 

1 2
3 4
1 2
3 4

 

 

 

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

 

Значения свойства border-collapse:

 

collapse - отображается одинарная граница между ячейками таблицы

 

separate - отображается двойная граница между ячейками таблицы

 

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

 

 

Пример использования свойства:

 

table {

border-collapse: collapse;

}

 

 

1 2 3
5 6 7

 

 

 

 

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

 

 

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов