Атрибут border-image-repeat CSS

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

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

смотрите также:

CSS3 учебник:Рамки CSS3

пример

определяет, как повторять изображение рамки:

div
{
border-image-source: url(border.png);
border-image-repeat: round;
}

CSS грамматика

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

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

значение атрибута

значение описание
растянуть растянуть изображение для заполнения области
repeat ткань (повторение) изображения для заполнения области.
round аналогично значению repeat. Если не удается полностью повторить все изображения, то их масштабируют, чтобы они соответствовали области.

технические детали

по умолчанию: растянуть
наследование: нет
версия: CSS3
JavaScript грамматика: object.style.borderImageRepeat="round"

поддержка браузерами

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

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

смотрите также border-image атрибут.