Расстояние между ячейками: border-spacing

border-spacing

Поддержка браузерами
Настольные браузеры Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 (1.7 или выше) 8.0 4.0 1.0
Мобильные браузеры Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.2 1.0 (1.9.2) 7.5 12 6.1.3
Свойство
border-spacing — это свойство задает расстояние между ячейками
Наследование
Наследуется. Это значит что стили применённые к родительскому элементу передадутся потомкам
Применяется
К табличным элементам
Может принимать значения
значение в абсолютных единицах | значение в относительных единицах (em) | inherit
Значение по умолчанию
0
Правила записи
свойство: значение; или
свойство: значение значение;

  • Если указано только одно значение, то это значение задаст расстояние между ячейками по горизонтали и вертикали
  • Если указано два значения, то первое значение задаст расстояние между ячейками по горизонтали, а второе значение — по вертикали

Значением по умолчанию является 0, но браузеры все равно добавляют расстояние между ячейками равное 2 пиксела, чтобы это расстояние убрать нужно к элементу table добавить атрибут cellspacing со значением 0

Примеры

пам трам пам пам парам парам
туц туц туц туц туц туц
дринь дринь дринь туп тубац туп туб чик что происходит !?

пам трам пам пам парам парам
туц туц туц туц туц туц
дринь дринь дринь туп тубац туп туб чик что происходит !?

пам трам пам пам парам парам
туц туц туц туц туц туц
дринь дринь дринь туп тубац туп туб чик что происходит !?

Это означает что свойство унаследует значение от родителя

Поделиться