CSS свойство border-image-outset

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

CSS синтаксис

border-image-outset: длина | число | initial | inherit;

Свойство border-image-outset может принимать от одного до четырех значений (верхняя, правая, нижняя и левая сторона). Если четвертое значение не указано, то оно будет таким же, как второе. Если третье значение так же не указано, то оно будет таким же, как первое. Если не указано еще и второе значение, то оно будет таким же, как первое.

Возможные значения

Значение	Описание
длина	Устанавливает отступ рамки-изображения с помощью положительного числа, указанного в единицах, допустимых в CSS (px, pt, cm, em и др.). Значение по умолчанию 0.
число	Число, на которое умножается значение border-width.
inherit	Значение наследуется от родительского элемента.
initial	Устанавливает значение по умолчанию.

Пример использования

Размещаем рамку-изображение в 10 пикселях за границами элемента


#borderimg {
     border-image-source: url(border.png);
     border-image-outset: 10px;
}