пример
Поместите границу вне краев <div> элемент:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Попробуй сам " Определение и использование
Множества свойства borderImageOutset или возвращает сумму, на которую область изображения границы выходит за пределами окна границы.
Поддержка браузеров
Свойство borderImageOutset не поддерживается в Opera.
Свойство borderImageOutset не поддерживается в Internet Explorer 10 и более ранних версий.
Свойство borderImageOutset не поддерживается в Safari 5 и более ранних версий.
Посмотрите на borderImage собственность вместо этого!
Синтаксис
Возвращает свойство borderImageOutset:
object .style.borderImageOutset
Установите свойство borderImageOutset:
object .style.borderImageOutset=" Note: Свойство borderImageOutset определяет величину , на которую область изображения границы выходит за пределами окна границы. на верхней, правой, нижней и левой сторон. Если четвертое значение опущено, оно такое же, как во втором. Если третий также опущен, это то же самое, как и первый. Если второй также опущен, это то же самое, как и первый. Отрицательные значения не допускаются для любого из значений borderImageOutset. Значения свойств
Стоимость Описание length Длина блока определения, как далеко от края появится границы изображения. Значение по умолчанию равно 0 number Представляют кратные соответствующей границы ширины initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: 0 Возвращаемое значение: Строка, представляющая границы изображения, боковик свойства элемента CSS версия CSS3
Похожие страницы
Ссылка CSS: border-image-outset property
<Style Object