border-image-width CSS

Become a Patron!

Свойство border-image-width управляет шириной видимой части рамки, масштабирует ее.

Если это значение больше ширины border-width, картинка рамки заползет под содержимое.

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

1

Наследуется:
Нет
Анимируется:
Да
Спецификации:
Поддержка браузерами:

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

Синтаксис

/* border-image-width: all */
border-image-width: 3;

/* border-image-width: vertical horizontal */
border-image-width: 2em 3em;

/* border-image-width: top horizontal bottom */
border-image-width: 5% 15% 10%;

/* border-image-width: top right bottom left */
border-image-width: 5% 2em 10% auto;

/* Global values */
border-image-width: inherit;
border-image-width: initial;
border-image-width: unset;