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

Устанавливает способ заполнения фоновым изображением пространства между углами рамки.

Свойство border-image-repeat определяет, каким способом изображение будет масштабироваться и выкладываться для краев и середины пространства рамки. Таким образом, данное свойство может принимать до двух значений. Если второе значение не используется, то оно принимается равным первому значению.

CSS синтаксис

Возможные значения

Значение	Описание
stretch	Значение по умолчанию. Изображение растягивается, чтобы занять все пространство рамки.
repeat	Повторяет заполняющую часть изображения, при этом видны места стыков с угловой частью, и если длины образца не хватает, то он растягивается.
round	Наиболее точно заполняет промежуток между углами рамки, дублируя заполняющую часть изображения, при этом может образовать стыки по середине стороны рамки.
space	Похоже на значение *repeat*, но если длины образца не хватает, то свободное пространство заполняется пустотой.
inherit	Значение наследуется от родительского элемента.
initial	Устанавливает значение по умолчанию.

Пример использования

Устанавливаем способ повторного отображения изображения-рамки


#borderimg {
     border-image-source: url(border.png);
     border-image-repeat: repeat;
}