Свойство стиля borderImageRepeat

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

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

borderImageRepeat Свойство установки или возврата того, должно ли изображение рамки тисниться (повторяться), заполнить (округляться) или растягиваться (растягиваться).

См. также:

CSS справочник:Свойство border-image-repeat

Пример

Определяет, как повторять изображение рамки:

document.getElementById("myDIV").style.borderImageRepeat = "round";

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

Грамматика

Возврат свойства borderImageRepeat:

object.style.borderImageRepeat

Установка свойства borderImageRepeat:

object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"

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

Значение Описание
stretch Значение по умолчанию. Изображение растягивается, чтобы заполнить область.
repeat Изображение тиснётся (повторяется), чтобы заполнить эту область.
round

Изображение тиснётся (повторяется), чтобы заполнить эту область.

Если область не заполнена полными блоками, изображение будет масштабироваться, чтобы соответствовать.
space

Изображение тиснётся (повторяется), чтобы заполнить эту область.

Если область не заполнена полными блоками, дополнительное пространство будет распределено вокруг блоков.
initial Этот атрибут устанавливается в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

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

Значение по умолчанию: stretch
Возврат значения: Строка, представляющая Свойство border-image-repeat.
Версия CSS: CSS3

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка 11.0 Поддержка 6.0 15.0

См. также Свойство borderImage.

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