border-image-width
Укажите ширину границы изображения:
#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 |
Страницы по теме border-image-width
CSS Учебник: CSS Границы изображения
CSS Справочник: border-image свойство
CSS Справочник: border-image-outset свойство
CSS Справочник: border-image-repeat свойство
CSS Справочник: border-image-slice свойство
CSS Справочник: border-image-source свойство
HTML DOM справочник: borderImageWidth свойство