СSS Свойство border-image-repeat

Пример

Указать, как повторить изображение границы:

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

Определение и использование

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

Совет: Также посмотрите на свойство border-image (сокращенное свойство для установки всех свойств border-image-*).

Значение по умолчанию:	stretch
Унаследованный:	нет
Анимируемый:	нет. Прочитать о animatable
Версия:	CSS3
JavaScript синтаксис:	object.style.borderImageRepeat="round" Попробовать

Поддержка браузеров

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

Свойство
border-image-repeat	15.0	11.0	15.0	6.0	15.0

CSS Синтаксис

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

Примечание: Это свойство определяет, как изображения для сторон и средней части изображения границы масштабируются и разбиваются на плитки. Таким образом, здесь можно указать два значения. Если второе значение опущено, предполагается, что оно совпадает с первым.

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

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