Свойство задаёт ширину изображения для рамки элемента. Если ширина не задана, то по умолчанию она равна 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;
}
