border-image-source¶

Свойство border-image-source определяет изображение вместо стиля границы.

Если это свойство установлено в none, вместо него используется стиль, определяемый border-style.

Демо¶

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

Фон

Синтаксис¶

/* Keyword value */
border-image-source: none;

/* <image> values */
border-image-source: url(image.jpg);
border-image-source: linear-gradient(to top, red, yellow);

/* Global values */
border-image-source: inherit;
border-image-source: initial;
border-image-source: revert;
border-image-source: revert-layer;
border-image-source: unset;

Значения¶

none: Изображение границы не используется. Вместо этого отображается внешний вид, определенный бордюром.
<image>: Ссылка на изображение для границы.

Значение по-умолчанию:

border-image-source: none;

Спецификации¶

CSS Backgrounds and Borders Module Level 3

Поддержка браузерами¶

Can I Use border-image? Data on support for the border-image feature across the major browsers from caniuse.com.