Свойство border-image позволяет указать изображение, которое будет использоваться в качестве границы вокруг элемента.
| Значение по умолчанию: | none 100% 1 0 stretch |
| Inherited: | no |
| Animatable: | no |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.borderImage="url(border.png) 30 round" |
Поддержка браузера
| Свойство: | border-image |
| Chrome | 16.0/4.0 -webkit- |
| Explorer/Edge | 11.0 |
| Firefox | 15.0/3.5 -moz- |
| Safari | 6.0/3.1 -webkit- |
| Opera | 15.0/11.0 -o- |
Синтаксис CSS
border-image: source slice width outset repeat|initial|inherit;
Значения свойств
| Значение | Описание |
| border-image-source | Путь к изображению, используемому в качестве границы |
| border-image-slice | Как нарезать изображение границы |
| border-image-width | Ширина изображения границы |
| border-image-outset | Сумма, на которую область изображения границы выходит за границы рамки |
| border-image-repeat | Следует ли повторять, округлять или растягивать изображение границы |
| initial | Присваивает этому свойству значение по умолчанию. |
| inherit | Наследует это свойство из родительского элемента. |