пример
Укажите изображение в качестве границы вокруг элемента:
#borderimg
{
border-image-source: url(border.png);
}
Попробуй сам " Определение и использование
Свойство границы изображения источника указывает путь к изображению , чтобы использовать в качестве границы (instead of the normal border around an element) .
Tip: Если значение не является "none" , или если изображение не может быть отображено, будут использоваться стили границ.
Совет: Также обратите внимание на границы изображения собственности (a shorthand property for setting all the border-image-* properties) .
| Значение по умолчанию: | none |
|---|---|
| Наследование: | no |
| Animatable: | no. Read about animatable |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.borderImageSource="url(border.png)" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| border-image-source | 15,0 | 11,0 | 15,0 | 6.0 | 15,0 |
CSS Синтаксис
border-image-source: none|image|initial|inherit;Значения свойств
| Стоимость | Описание |
|---|---|
| none | Изображение не будет использоваться |
| image | Путь к изображению, чтобы использоваться в качестве границы |
| 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-width property
HTML DOM ссылка: borderImageSource property