Перейти к содержанию

border-image-source

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

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

Демо

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

Фон

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
/* 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>

Ссылка на изображение для границы.

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

1
border-image-source: none;

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

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

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

Комментарии