border-image-width

❮ Назад CSS Справочник Далее ❯

Пример

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

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

Попробуйте сами »

Определение border-image-width

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

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

Показ демо ❯

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

Поддержка border-image-width

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

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

Синтаксис border-image-width

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

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

Значения border-image-width

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