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