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

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

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

borderImageOutset Установка или возврат количества, на которое изображение рамки выходит за пределы рамки ящика (border box).

См. также:

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

Пример

Положение рамки за пределами края элемента <div>:

document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";

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

Синтаксис

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

object.style.borderImageOutset

Настройка атрибута borderImageOutset:

object.style.borderImageOutset = "length|number|initial|inherit"

Комментарий:borderImageOutset Атрибут определяет, на сколько рамка изображения выходит за пределы рамки ящика. Вверху, справа, внизу, слева. Если пропустить четвертое значение, то оно будет равно второму значению. Если пропустить третье значение, то оно будет равно первому значению. Если пропустить второе значение, то оно будет равно первому значению. Запрещены любые отрицательные значения в качестве значения border-image-outset.

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

Значение Описание
length Единица измерения длины, определяющая, на каком расстоянии от края会出现 изображение рамки. Значение по умолчанию 0.
number Показывает соответствующее значение border-width в кратном.
initial Sets this property to its default value. See also initial
inherit Инherits this property from its parent element. See also inherit

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

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

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

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

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

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

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