Свойство borderImageRepeat
Пример style.borderImageRepeat
Укажите, как повторять границу изображения:
document.getElementById("myDIV").style.borderImageRepeat = "round";Попробуйте сами »
Описание borderImageRepeat
Свойство borderImageRepeat задает или возвращает, должна ли граница изображения повторяться, скругляться или растягиваться.
Поддержка borderImageRepeat
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| borderImageRepeat | Да | 11.0 | Да | 6.0 | 15.0 |
Вместо этого взгляните на свойство borderImage!
Синтаксис borderImageRepeat
Вернуть свойство borderImageRepeat:
object.style.borderImageRepeat
Установите свойство borderImageRepeat:
object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"
Значение свойства borderImageRepeat
| Значение | Описание |
|---|---|
| stretch | Значение по умолчанию. Изображение растягивается, чтобы заполнить область |
| repeat | Изображение накладывается (повторяется) для заполнения области. |
| round | Изображение заполняет область плитками (повторяется). Если оно не заполняет область целым числом плиток, изображение масштабируется так, чтобы оно соответствовало |
| space | Изображение заполняет область плитками (повторяется). Если оно не заполняет область целым числом плиток, то дополнительное пространство распределяется вокруг плиток |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали borderImageRepeat
| Значение по умолчанию: | stretch |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство border-image-repeat элемента. |
| CSS Версия | CSS3 |
Связанные страницы borderImageRepeat
CSS Справочник: Свойство border-image-repeat