Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ ПРОГРАММЫ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

CSS Справочники


CSS Свойства





border-spacing



Пример

Установите интервал между рамками для таблицы:

#table1 {
border-collapse: separate;
border-spacing: 15px;
}

#table2 {
border-collapse: separate;
border-spacing: 15px 50px;
}
Попробуйте сами »

Определение border-spacing

CSS свойство border-spacing определяет расстояние между границами соседних ячеек.

Примечание: Это свойство работает только тогда, когда border-collapse является отдельным.

Показ демо ❯

Значение по умолчанию: 2px
Унаследовано: yes
Анимируемый: yes. Читайте о animatable Попробуй
Версия: CSS2
JavaScript синтаксис: object.style.borderSpacing="15px" Попробуй

Поддержка border-spacing

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.

Свойство
border-spacing 1.0 8.0 1.0 1.0 4.0


Синтаксис border-spacing

border-spacing: length|initial|inherit;

Значения border-spacing

Значение Описание Демонстрация
length length Определяет расстояние между границами соседних ячеек в px, cm, и т.д. Отрицательные значения не допускаются.<ул>
  • Если указано одно значение, оно определяет как горизонтальное, так и вертикальное расстояние между ячейками
  • Если заданы два значения, то первое задает интервал по горизонтали, а второе - интервал по вертикали
  • Демо ❯
    initial Устанавливает для этого свойства значение по умолчанию. Читайте о initial
    inherit Наследует это свойство от своего родительского элемента. Читайте о inherit

    Страницы по теме border-spacing

    CSS Учебник: CSS Таблица

    HTML DOM справочник: borderSpacing свойство



    ×

    Связаться с отделом продаж

    Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
    sales@schoolsw3.com

    Сообщить об ошибке

    Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
    help@schoolsw3.com

    Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
    При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
    политику использования файлов cookie и конфиденциальности.

    Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.