---
title: border-image-outset
slug: Web/CSS/border-image-outset
translation_of: Web/CSS/border-image-outset
---
{{CSSRef}}
Описание
The border-image-outset property describes by what amount the border image area extends beyond the border box.
Portions of the border image that are rendered outside the border box as a result of this property do not cause scrolling to be triggered. These areas also don't capture or cause mouse events to occur on behalf of the bordered element.
{{cssinfo}}
Синтаксис
/* border-image-outset: sides */
border-image-outset: 1.5;
/* border-image-outset: vertical horizontal */
border-image-outset: 1 1.2;
/* border-image-outset: top horizontal bottom */
border-image-outset: 30px 2 45px;
/* border-image-outset: top right bottom left */
border-image-outset: 7px 12px 14px 5px;
border-image-repeat: inherit;
Значения
When a value is specified as a unitless {{cssxref("<number>")}}, that value is multiplied by the corresponding computed {{cssxref("border-width")}} to determine the border-image-outset. Negative values are invalid.
- sides
- Is a {{cssxref("<length>")}} or a {{cssxref("<number>")}} of the amount by which the border image area extends beyond the border box in all four directions.
- horizontal
- Is a {{cssxref("<length>")}} or a {{cssxref("<number>")}} of the amount by which the border image area extends beyond the border box in both horizontal directions (left and right).
- vertical
- Is a {{cssxref("<length>")}} or a {{cssxref("<number>")}} of the amount by which the border image area extends beyond the border box in both vertical directions (top and bottom).
- top
- Is a {{cssxref("<length>")}} or a {{cssxref("<number>")}} of the amount by which the border image area extends beyond the border box past its top edge.
- bottom
- Is a {{cssxref("<length>")}} or a {{cssxref("<number>")}} of the amount by which the border image area extends beyond the border box past its bottom edge.
- right
- Is a {{cssxref("<length>")}} or a {{cssxref("<number>")}} of the amount by which the border image area extends beyond the border box past its right edge.
- left
- Is a {{cssxref("<length>")}} or a {{cssxref("<number>")}} of the amount by which the border image area extends beyond the border box past its left edge.
inherit- Is a keyword indicating that all four values are inherited from each parent elements' calculated value.
Формальный синтаксис
{{csssyntax}}
Спецификации
{{Specifications}}
Совместимость с браузерами
{{Compat}}