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;
}
Похожие уроки и записи блога
- Удалите атрибут
cellspacing
из таблицы - Добавьте свойство
border-spacing
с любым значением в CSS форму, где написан комментарий
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.
Это займет не больше минуты.