пример
Укажите изображение в качестве границы вокруг <div> элемент:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round"; Попробуй сам " Определение и использование
Свойство borderImage свойство является обобщающим для установки borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset и borderImageRepeat свойства.
Опущенные значения устанавливаются на значения по умолчанию.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следует Webkit, Моз, или O указать первую версию, которая работала с префиксом.
| Имущество | |||||
|---|---|---|---|---|---|
| borderImage | 16,0 4,0 Webkit | 11,0 | 15,0 3,5 Мос | 6,0 3,1 Webkit | 15,0 11,0 O |
Синтаксис
Возвращает свойство borderImage:
object .style.borderImage
Установите свойство borderImage:
object .style.borderImage=" Значения свойств Стоимость Описание borderImageSource Путь к изображению можно использовать в качестве границы borderImageSlice Направленные внутрь смещения изображения-границы borderImageWidth Ширина изображения-границы borderImageOutset Сумма, на которую приграничная область изображения выходит за пределы окна границы borderImageRepeat Будет ли изображение границы следует повторить, округлая или вытянуто initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: доли не имеет 100% 1 0 простирания Возвращаемое значение: Строка, представляющая свойство границы изображения элемента CSS версия CSS3
Похожие страницы
Ссылка CSS: border-image property
<Style Object