CSS3 border-image-repeat Property

пример

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

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

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

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

Совет: Также обратите внимание на границы изображения собственности (a shorthand property for setting all the border-image-* properties) .

Значение по умолчанию:	stretch
Наследование:	no
Animatable:	no. Read about animatable
Версия:	CSS3
Синтаксис JavaScript:	object .style.borderImageRepeat="round" Try it

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

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

Имущество
border-image-repeat	15,0	11,0	15,0	6.0	15,0

CSS Синтаксис

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

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

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

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

CSS Справка