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