СSS Свойство border-image-outset

Пример

Поместите изображение границы на 10 пикселей за пределы границ элемента:

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

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

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

Совет: Также посмотрите на свойство border-image (сокращенное свойство для установки всех свойств border-image-*).

Значение по умолчанию:	0
Унаследованный:	нет
Анимируемый:	нет. Прочитать о animatable
Версия:	CSS3
JavaScript синтаксис:	object.style.borderImageOutset="10px" Попробовать

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

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

Свойство
border-image-outset	15.0	11.0	15.0	6.0	15.0

CSS Синтаксис

border-image-outset: length|number|initial|inherit;

Примечание: Свойство border-image-outset может принимать от одного до четырех значений (top, right, bottom, и left ). Если четвертое значение опущено, оно совпадает со вторым. Если третий тоже опущен, то это то же самое, что и первый. Если второй тоже опущен, то это то же самое, что и первый.

Значение свойств

Свойство	Описание	Воспроизвести
length	Единица измерения длины, указывающая, на каком расстоянии от краев будет отображаться изображение границы. Значение по умолчанию 0	Воспроизвести »
number	Представляют кратные соответствующей ширине границы	Воспроизвести »
initial	Устанавливает для этого свойства значение по умолчанию. Прочитать о initial	Воспроизвести »
inherit	Наследует это свойство от родительского элемента. Прочитать о inherit