border-image-repeat CSS

Свойство border-image-repeat определяет, как обрабатывается заполнение граничного изображения, чтобы оно вписалось в размер границы.

Оно имеет синтаксис с одним значением, которое описывает поведение всех сторон, и двухзначный синтаксис, который устанавливает разные значение для горизонтального и вертикального поведения.

Значение по умолчанию:

stretch

Наследуется:
Нет
Анимируется:
Нет
Спецификации:
Поддержка браузерами:

Can I Use border-image? Data on support for the border-image feature across the major browsers from caniuse.com.

Синтаксис

/* border-image-repeat: type */
border-image-repeat: stretch;

/* border-image-repeat: horizontal vertical */
border-image-repeat: round stretch;

/* Global values */
border-image-repeat: inherit;
border-image-repeat: initial;
border-image-repeat: unset;

Значения

  • stretch — Растягивает рисунок границы до размеров элемента. Это значение используется по умолчанию.
  • repeat — Повторяет рисунок границы.
  • round — Повторяет рисунок и масштабирует его так, чтобы на стороне элемента оказалось целое число изображений.