СSS Свойство border-image-width

Пример

Указать ширину границы изображения:

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

Определение и использование

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

Совет: Также посмотрите на свойство border-image (сокращенное свойство для установки всех свойств border-image -*)

Значение по умолчанию:	1
Унаследованный:	нет
Анимируемый:	нет. Прочитать о animatable
Версия:	CSS3
JavaScript синтаксис:	object.style.borderImageWidth="20px" Попробовать

Поддержка браузеров

Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Свойство
border-image-width	15.0	11.0	13.0	6.0	15.0

CSS Синтаксис

border-image-width: number|%|auto|initial|inherit;

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

Значение свойств

Свойство	Описание	Воспроизвести
length	Единица измерения длины (px), указывающая размер ширины границы	Воспроизвести »
number	Значение по умолчанию 1. Представляет кратные соответствующей ширине границы	Воспроизвести »
%	Относится к размеру области изображения границы: ширина области для горизонтальных смещений, высота для вертикальных смещений	Воспроизвести »
auto	Если задано, ширина - это внутренняя ширина или высота соответствующего фрагмента изображения	Воспроизвести »
initial	Устанавливает для этого свойства значение по умолчанию. Прочитать о initial	Воспроизвести »
inherit	Наследует это свойство от родительского элемента. Прочитать о inherit