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

border-image-outset

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

Части граничного изображения, отображаемые за пределами рамки элемента с параметром border-image-outset, не вызывают переполнение полос прокрутки и не захватывают события мыши.

Демо

Фон

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
/* <length> value */
border-image-outset: 1rem;

/* <number> value */
border-image-outset: 1.5;

/* top and bottom | left and right */
border-image-outset: 1 1.2;

/* top | left and right | bottom */
border-image-outset: 30px 2 45px;

/* top | right | bottom | left */
border-image-outset: 7px 12px 14px 5px;

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

Значения

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

1
border-image-outset: 0;

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

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

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

Комментарии