СSS Свойство border-image-source

Пример

Указать изображение в качестве границы вокруг элемента:

#borderimg {
border-image-source: url(border.png);
}

Определение и использование

Свойство border-image-source указывает путь к изображению, которое будет использоваться в качестве границы (вместо обычной границы вокруг элемента).

Совет: Если значение равно "none", или если изображение не может быть отображено, будут использоваться стили границ.

Совет: Также посмотрите на свойство border-image (сокращенное свойство для установки всех свойств border-image -*).

Значение по умолчанию:	none
Унаследованный:	нет
Анимируемый:	нет. Прочитать о animatable
Версия:	CSS3
JavaScript синтаксис:	object.style.borderImageSource="url(border.png)" Попробовать

Поддержка браузеров

Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Свойство
border-image-source	15.0	11.0	15.0	6.0	15.0

CSS Синтаксис

border-image-source: none|image|initial|inherit;

Значение свойств

Свойство	Описание
none	Изображение не будет использоваться
image	Путь к изображению, которое будет использоваться в качестве границы
initial	Устанавливает для этого свойства значение по умолчанию. Прочитать о initial
inherit	Наследует это свойство от родительского элемента. Прочитать о inherit