66. Отступы между ячейками в HTML таблицах

Отступ можно задать при помощи атрибута cellspacing. Атрибут принимает целые числа. Но в наше время атрибуты уже не эффективны, поэтому будем использовать стили CSS, чтобы сделать отступ между ячейками. Будем использовать два свойства: border-collapse и border-spacing. Итак, свойство border-collapse пишем в стилях для таблицы со значением separate (о свойстве можете почитать в интернете подробно). И пишем для стилей таблицы свойство border-spacing – оно задает расстояние между ячейками, является аналогом атрибуту cellspacing. Измеряется в пикселях, процентах и т.д. Важно понять, что если свойство border-collapse со значением collapse: (border-collapse: collapse), то свойство border-spacing работать не будет, потому что при таком значении, ячейки в таблице склеиваются, образую одну линию. Если в свойстве border-spacing одно значение, то отступ будет со всех сторон, а если два значения, то первое значение определяет горизонтальное расстояние, а второе вертикальное. Далее пример:

table {
    border-collapse: separate;
    border-spacing: 8px 3px;
}

Похожие уроки и записи блога

1. Удалите атрибут cellspacing из таблицы
2. Добавьте свойство border-spacing с любым значением в CSS форму, где написан комментарий

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.