Вы здесь

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

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

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

CSS синтаксис

border-image-repeat: stretch | repeat | round | space | initial | inherit;

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

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

Пример

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


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