Свойство borderImage
Пример style.borderImage
Укажите изображение в качестве границы вокруг элемента <div>:
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
Попробуйте сами »
Описание borderImage
Свойство borderImage — это сокращенное свойство для установки borderImageSource, borderImageSlice, borderImageWidth, borderImageOutset и borderImageRepeat properties.
Пропущенным значениям устанавливаются значения по умолчанию.
Поддержка borderImage
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| borderImage | 16.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Синтаксис borderImage
Вернуть свойство borderImage:
object.style.borderImage
Установите свойство borderImage:
object.style.borderImage = "source slice width outset repeat|initial|inherit"
Значение свойства borderImage
| Значение | Описание |
|---|---|
| borderImageSource | Путь к изображению, которое будет использоваться в качестве границы. |
| borderImageSlice | Внутреннее смещение границы изображения |
| borderImageWidth | Ширина границы изображения |
| borderImageOutset | Величина, на которую область изображения границы выходит за пределы границ. |
| borderImageRepeat | Должна ли граница изображения быть повторена, закруглена или растянута |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали borderImage
| Значение по умолчанию: | none 100% 1 0 stretch |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство border-image элемента. |
| CSS Версия | CSS3 |
Связанные страницы borderImage
CSS Справочник: Свойство border-image