Атрибут таблицы border-spacing в CSS
Опубликованно 02.01.2019 00:26
Средства имеют богатый набор CSS-атрибуты, элементы для веб-страниц, чтобы оживить и украсить как можно страниц. Атрибут border-spacing не является исключением. Он широко используется при создании таблиц в качестве элементов веб-страниц, но и без него вряд ли возможно, при так называемой "табличной" версткой сайтов. Цели
Атрибут border-spacing относится к тегу <table> и предназначен для определения расстояния между ячейками таблицы в пикселях. В HTML существует аналогичный инструмент cellspacing.
Эти два атрибута нельзя к одной и той же таблице по той причине, что CSS имеет больший приоритет, чем HTML. В противном случае будет работать только border-spacing и cellspacing браузер игнорирует.
Свойства атрибута можно показать для наглядности в табличной форме. Применение Расстояние между клетками Значение По Умолчанию 0 px Наследование Да Анимация Нет Работает с версиями CSS 2, 3
Учитывая тот факт, что border-spacing не работает с CSS 2, то он отображается правильно, в подавляющем большинстве современных браузеров. Для визуального восприятия веб-сайтов, написанная около десятка лет назад с этой, уже устаревшей, технологии. Синтаксис
Для того, чтобы постоянно клетки таблицы на правильное расстояние, вы должны с помощью тега <table> атрибут border-spacing, параметр length и число, равное количеству пикселей. При этом пробел между числом и единицей измерения не ставится. Например, если ячейки в рядах должны непрерывно на 12, а в колонках на 18 пикселей, CSS-код будет выглядеть следующим образом:
table { border-spacing: 12px 18px; }
Значений у атрибута может быть две, как в примере, и может быть: При определении первых двух параметров определяет горизонтальное расстояние, а второе - по вертикали. Если указано, что вы определяете себя на таком же расстоянии как по горизонтали так и по вертикали.
Обратите внимание, что учитывают при проектировании таблиц, толщину (в пикселях) границы клеток и их количество. В противном случае готовая Таблица отображается с искажениями. Пример применения
Техническое задание: создать таблицу с популярными браузерами, будет отображаться и ваш минимальная версия, с которой будет использовать border-spacing в CSS. Клетки развел на 15 пикселей по горизонтали и вертикали. Реализация задачи будет выглядеть следующим образом:
Отсутствие свойства анимации означает, что средства языков разметки пространства между ячейками можно не заполнять краской или применять к нему другие графические эффекты. Для этого программы для редактирования изображений (GIMP, Photoshop, Inkscape). Автор: Наталья Цинка 13. Ноябрь, 2018
Категория: обо всём
