Свойство borderImageOutset
Пример style.borderImageOutset
Разместите границу за пределами краев элемента <div>:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Попробуйте сами »
Описание borderImageOutset
Свойство borderImageOutset задает или возвращает величину, на которую область изображения границы выходит за пределы границ.
Поддержка borderImageOutset
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| borderImageOutset | Да | 11.0 | Да | 6.0 | 15.0 |
Вместо этого взгляните на свойство borderImage!
Синтаксис borderImageOutset
Вернуть свойство borderImageOutset:
object.style.borderImageOutset
Установите свойство borderImageOutset:
object.style.borderImageOutset = "length|number|initial|inherit"
Примечание: Свойство borderImageOutset определяет величину, на которую область изображения границы выходит за пределы поля границы. сверху, справа, снизу и слева. Если четвертое значение пропущено, оно совпадает со вторым. Если третье значение также пропущено, оно совпадает с первым. Если второе значение также пропущено, оно совпадает с первым. Отрицательные значения не допускаются ни для одного из значений borderImageOutset.
Значение свойства borderImageOutset
| Значение | Описание |
|---|---|
| length | Единица длины, указывающая, насколько далеко от краев будет отображаться изображение границы. Значение по умолчанию — 0 |
| number | Представляют собой кратные значения соответствующей ширины границ |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали borderImageOutset
| Значение по умолчанию: | 0 |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство border-image-outset элемента. |
| CSS Версия | CSS3 |
Связанные страницы borderImageOutset
CSS Справочник: Свойство border-image-outset