пример
Укажите ширину границы изображения:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Попробуй сам " Определение и использование
Свойство границы изображения ширина определяет ширину границы изображения.
Совет: Также обратите внимание на границы изображения собственности (a shorthand property for setting all the border-image-* properties) .
Значение по умолчанию: | 1 |
---|---|
Наследование: | no |
Animatable: | no. Read about animatable |
Версия: | CSS3 |
Синтаксис JavaScript: | object .style.borderImageWidth="20px" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Имущество | |||||
---|---|---|---|---|---|
border-image-width | 15,0 | 11,0 | 13,0 | 6.0 | 15,0 |
CSS Синтаксис
border-image-width:number|%|auto|initial|inherit;
Note: Свойство границы изображения ширина может занять от одного до четырех значений (top, right, bottom, and left sides) с (top, right, bottom, and left sides) . Если четвертое значение пропущено, оно такое же, как во втором. Если третий также не указан, он такой же, как и первый. Если второй также не указан, он такой же, как и первый.
Значения свойств
Стоимость | Описание | Сыграй |
---|---|---|
length | Длина единицы (px) с указанием размера границы ширины | Сыграй " |
number | Значение по умолчанию 1. Представляет собой кратные соответствующей границы ширины | Сыграй " |
% | Относится к размеру области изображения границы: ширина области для горизонтальных смещений, высоты для вертикальных смещений | Сыграй " |
auto | Если указано, ширина внутренняя ширина или высота среза соответствующего изображения | Сыграй " |
initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
CSS3 учебник: CSS3 Пограничные Изображения
CSS Справка: border-image property
CSS Справка: border-image-outset property
CSS Справка: border-image-repeat property
CSS Справка: border-image-slice property
CSS Справка: border-image-source property
HTML DOM ссылка: borderImageWidth property