CSS свойство border-image-width

Свойство задаёт ширину изображения для рамки элемента. Если ширина не задана, то по умолчанию она равна 1.

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

CSS синтаксис

border-image-width: число | % | auto | initial | inherit;

Возможные значения

Значение Описание
ширина Устанавливает ширину изображения-рамки в единицах длины CSS - px, em, cm и т.д.
число Числовое значение, на которое умножается значение border-width.
% Ширина рамки элемента вычисляется относительно размера изображения. Горизонтальные относительно ширины, вертикальные - относительно высоты.
auto Соответствует значению border-image-slice.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Устанавливаем ширину изображения-рамки


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