Свойство CSS border-spacing - это мощный инструмент для тонкой настройки внешнего вида таблиц. По умолчанию браузеры «забывают» про аккуратность и оставляют небольшой, но заметный зазор между ячейками. Если вы хотите взять этот процесс под полный контроль и сделать отступы идеальными как по горизонтали, так и по вертикали, именно это свойство станет вашим лучшим помощником! Обычно значения указываются в пикселях, что позволяет добиться максимальной точности. Есть один важный нюанс, который часто упускают из виду. Если ячейки имеют рамки (border), то в местах их стыка линии визуально удваиваются по толщине, что выглядит неэстетично и «тяжело». Чтобы избежать этой проблемы и получить чистый, аккуратный вид, обязательно используйте свойство border-collapse: collapse. | Значение по умолчанию: | 2px | | Наследуется: | да | | Версия: | CSS2 | | Синтаксис JavaScript: | object.style.borderSpacing="15px" | | Значение | Описание | | расстояние | Определяет величину зазора между рамками соседних ячеек и общей границей таблицы. Вы можете использовать любые единицы измерения CSS. - Если указано одно значение, оно применяется ко всем сторонам (и вертикально, и горизонтально).
- При использовании двух значений: первое устанавливает отступ по вертикали, второе - по горизонтали.
| | inherit | Позволяет элементу унаследовать значение этого свойства от родительского блока. | Пример
|