пример
Укажите, как повторить образ-границу:
document.getElementById("myDIV").style.borderImageRepeat = "round";
Попробуй сам " Определение и использование
Множества свойства borderImageRepeat или возвращается, должна ли быть повторена изображение граница, округлая или вытянутая.
Поддержка браузеров
Свойство borderImageRepeat не поддерживается в Opera.
Свойство borderImageRepeat не поддерживается в Internet Explorer 10 и ранее.
Свойство borderImageRepeat не поддерживается в Safari 5 и более ранних версий.
Посмотрите на borderImage собственность вместо этого!
Синтаксис
Возвращает свойство borderImageRepeat:
object .style.borderImageRepeat
Установите свойство borderImageRepeat:
object .style.borderImageRepeat="stretch|repeat|round|initial|inherit"
Значения свойств
Стоимость | Описание |
---|---|
stretch | Значение по умолчанию. Изображение растягивается, чтобы заполнить область |
repeat | Изображение черепица (repeated) , чтобы заполнить область |
round | Изображение черепица (repeated) , чтобы заполнить область. Если он не заполняет область с целым рядом плиток, изображение пересчитывается так он подходит |
space | Изображение черепица (repeated) , чтобы заполнить область. Если он не заполняет область с целым рядом плиток, дополнительное пространство распределяется вокруг плитки |
initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
Значение по умолчанию: | протяжение |
---|---|
Возвращаемое значение: | Строка, представляющая границы изображения, повторите свойство элемента |
CSS версия | CSS3 |
Похожие страницы
Ссылка CSS: border-image-repeat property
<Style Object