Атрибут таблицы border spacing в CSS
Опубликованно 05.03.2019 00:20
Инструментов CSS имеют богатый набор атрибутов для элементов веб-страницы, чтобы максимально оживить и украсить веб-страницы. Атрибут border-spacing не является исключением. Широко используется при создании таблиц как элементов веб-страниц, и без него не может сделать так называемый "табличный" текст сайтов. Назначение
Атрибут border-spacing относится к тегу <table> и служит для определения расстояния между ячейками таблицы в пикселях. В HTML имеется инструмент, интервалы ячеек.
Эти атрибуты не могут быть применены к одной и той же таблицы, по той причине, что 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 года
Категория: Гаджеты
