CSS инструментите имат богат набор от атрибути за елементите на уеб страници, за да се максимизират обектите за декориране и пренасяне. Атрибутът border-spacing не се различава. Той е широко използван при създаването на таблици като елементи на уеб страници и без него е невъзможно да се направи с така нареченото "таблично" оформление на сайтовете.
Цел
Атрибутът border-spacing се прилага за маркера и служи за определяне на разстоянието между клетките на таблицата в пиксели. HTML има подобен клетъчен инструмент.
И двата атрибута не могат да бъдат приложени към една и съща таблица, защото CSS има по-висок приоритет от HTML. В противен случай ще работят само интервали, а cellpacing ще игнорира браузъра.
Свойствата на атрибута могат да бъдат показани в таблична форма за яснота.
Приложение
Определя пространството между клетките
Стойност по подразбиране
0 px
Наследяване
Да
Анимация
Няма
Работи с версиите
CSS 2 3
Като се има предвид, че интервалът между границите работи с CSS 2 е правилно представена от по-голямата част от съвременните браузъри. За визуалното възприятие, сайтовете, написани преди около десетина години, са достъпни чрез тази, вече остаряла технология.
Синтаксис
За да се разпространят клетките на таблицата на желаното разстояние, е необходимо да се приложи атрибутът за граничен интервал към етикета, да се зададе параметър за дължина и числото, което представлява броя на пикселите.В този случай не се поставя разстоянието между номера и единицата за измерване. Например, ако клетките в редове трябва да се разделят на 12 байта в колони от 18 пиксела, CSS кодът ще изглежда така:
таблица { border-spacing: 12px 18px; }
Стойностите в атрибута могат да бъдат две, както в примера по-горе, или могат да бъдат едно:
При задаване на параметри, първият определя разстоянието хоризонтално, а вторият - вертикално.
Ако е посочен такъв, той определя едно и също разстояние, хоризонтално и вертикално.
Трябва да се има предвид, че при проектирането на таблица трябва да се вземе предвид и дебелината (в пиксели) на границите на клетките и техният брой. В противен случай подготвената таблица ще се показва с изкривявания.
Пример за използване
Техническо задание: Необходимо е да се създаде таблица, в която да се показват популярни браузъри и техните минимални версии, от които да се използва използването на интервал между граничните стойности в CSS. Разпределете клетките 15 пиксела хоризонтално и вертикално. Задачата ще изглежда така:
Липсата на анимационни свойства означава, че езиците за маркиране на пространствата между клетките могат да се изливат в цвят или да се приложат други графични ефекти към тях. За тази цел се използват графични редактори (GIMP, Photoshop, Inkscape).
