Атрибут стиля borderImageSlice

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

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

borderImageSlice Атрибут определяет смещение рамки изображения внутрь.

Дополнительная информация:

Руководство по CSS:Атрибут border-image-slice

Пример

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

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";

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

Синтаксис

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

object.style.borderImageSlice

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

object.style.borderImageSlice = "number|%|fill|initial|inherit"

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

Значение Описание
number Число, представляющее пиксели (если это растровое изображение) или векторные координаты (если это векторное изображение).
%

Процентное значение по отношению к размеру изображения: ширина изображения влияет на горизонтальное смещение, а высота - на вертикальное смещение.

Значение по умолчанию 100%.
fill Сохранить центральную часть изображения рамки.
initial Установить этот атрибут в его значение по умолчанию. См. также initial。
inherit Инheritировать этот атрибут от родительского элемента. См. также inherit。

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

Значение по умолчанию: 100%
Возврат значения: Строка, представляющая элемент Атрибут border-image-slice。
Версия CSS： CSS3

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

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

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

Пожалуйста, посмотрите Свойство borderImage!

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