Стиль атрибута borderImage

  • Предыдущая страница
  • Следующая страница
  • Вернуться на один уровень выше Объект Style в HTML DOM

Определение и использование

borderImage Этот атрибут является сокращением для следующих свойств:

Пропущенные значения устанавливаются по умолчанию.

См. также:

CSS справочник:Атрибут border-image

Пример

Определите изображение как рамку элемента <div>:

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

Попробуйте сами

Синтаксис

Возврат атрибута borderImage:

object.style.borderImage

Установка атрибута borderImage:

object.style.borderImage = "source slice width outset repeat|initial|inherit"

Значение атрибута

Значение Описание
borderImageSource Путь к изображению, которое будет использоваться в качестве рамки.
borderImageSlice Внутренний отступ изображения рамки.
borderImageWidth Ширина изображения рамки.
borderImageOutset Количество, на которое изображение рамки выходит за пределы рамочного блока (border box).
borderImageRepeat Должна ли изображение рамки быть повторяющейся (repeated), заполненной (rounded) или растянутой (stretched)?
initial Этот атрибут устанавливается в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется из родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: none 100% 1 0 stretch
Возвратное значение: Строка, представляющая Атрибут border-image.
Версия CSS: CSS3

Поддержка браузеров

Таблица показывает версии браузеров, которые полностью поддерживают этот атрибут.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 11.0 15.0 6.0 15.0
  • Предыдущая страница
  • Следующая страница
  • Вернуться на один уровень выше Объект Style в HTML DOM