CSS border-image-width Свойство
Пример
Укажите ширину изображения границы:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Определение и использование
Свойство border-image-width
задает ширину изображения границы.
Совет: Также посмотрите на свойство border-Image (Сокращенное свойство для установки всех свойств Border-Image-*).
Значение по умолчанию: | 1 |
---|---|
Inherited: | no |
Animatable: | no. Читайте о animatable |
Version: | 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) |
Похожие страницы
CSS Справочник: CSS Border Images
CSS Справка: border-image Свойство
CSS Справка: border-image-outset Свойство
CSS Справка: border-image-repeat Свойство
CSS Справка: border-image-slice Свойство
CSS Справка: border-image-source Свойство
HTML DOM Справочник: borderImageWidth Свойство