CSS таблицы

Цикл статей «CSS учебник».

Следующая статья — «CSS отображение и скрытие, блочные и строчные элементы».
Предыдущая статья — «CSS внутренние отступы».

При оформлении таблиц в CSS можно использовать все свойства текста, шрифтов, рамок, внешних отступов, внутренних отступов, фона и другие. Добавляется одно интересное свойство, которое обязательно нужно знать. Каждая ячейка в таблице имеет свою рамку, поэтому на стыке ячеек возникает двойная рамки/линия. Чтобы избежать появления двойной рамки нужно использовать свойство border-collapse. У него есть два возможных значения: collapse (склеивает двойную рамку в одну) и separate (каждая ячейка имеет свою рамку, возможно двоение на местах стыков). Смотрите подробное описание свойства border-collapse с примером.

Если вам не очень понятно, что за двойные рамки получаются, то посмотрите вот этот пример, показывающий таблицу с border-collapse : collapse и с border-collapse : separate.

Цикл статей «CSS учебник».

Следующая статья — «CSS отображение и скрытие, блочные и строчные элементы».
Предыдущая статья — «CSS внутренние отступы».


Поделиться:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.

*