Свойство border-image-repeat указывает, должно ли изображение границы повторяться, округляться или растягиваться.
Совет: Также посмотрите на свойство border-Image (Сокращенное свойство для установки всех свойств Border-Image-*).
Значение по умолчанию: | stretch |
Inherited: | no |
Animatable: | no |
Version: | CSS3 |
Синтаксис JavaScript: | object.style.borderImageRepeat="round" |
Поддержка браузера
Свойство: | border-image-outset |
Chrome | 15.0 |
Explorer/Edge | 11.0 |
Firefox | 15.0 |
Safari | 6.0 |
Opera | 15.0 |
Синтаксис CSS
border-image-repeat: stretch|repeat|round|initial|inherit;
Значения свойств
Значение | Описание |
stretch | Значение по умолчанию. Изображение растягивается, чтобы заполнить область |
repeat | Изображение мозаично (повторяется) для заполнения области |
round | Изображение мозаично (повторяется) для заполнения области. Если он не заполняет область целым числом плиток, изображение масштабируется так, чтобы оно соответствовало |
space | Изображение мозаично (повторяется) для заполнения области. Если он не заполняет область с целым числом плиток, то дополнительное пространство распределяется вокруг плитки |
initial | Присваивает этому свойству значение по умолчанию. |
inherit | Наследует это свойство из родительского элемента. |