CSS-свойство border-image-repeat

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

Значение по умолчанию:	`stretch`
Применяется к:	Все элементы, кроме внутренних элементов таблицы, когда `border-collapse` установлен `collapse`. Это также относится к `::first-letter`.
Наследование:	Нет
Анимирование:	Нет. Анимируемые свойства
Версия:	Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

border-image-repeat: [ stretch | repeat | round | space ] 1 or 2 values | initial | inherit

Примеры написания кода свойства border-image-repeat:

.box {
    width: 300px;
    height: 150px;
    border: 15px solid transparent;
    border-image-source: url("border.png");
    border-image-slice: 30;
    border-image-repeat: round;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`stretch`	Изображение растягивается, чтобы заполнить область между краями границы. Это значение установлено по умолчанию.
`repeat`	Изображение повторяется пока не заполнит область между краями границы.
`round`	Изображение повторяется пока не заполнит область между краями границы. Если область не может быть заполнена целым числом плиток, изображение масштабируется так, как оно есть.
`space`	Изображение повторяется пока не заполнит область между краями границы. Если область не может быть заполнена целым числом плиток, дополнительное пространство распределяется вокруг плиток.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `border-image-repeat`.