border-image-outset: 1rem;
border-image-outset: 1.5;
border-image-outset: 1 1.2;
border-image-outset: 30px 2 45px;
border-image-outset: 7px 12px 14px 5px;
border-image-outset: inherit;
border-image-outset: initial;
border-image-outset: revert;
border-image-outset: revert-layer;
border-image-outset: unset;
The border-image-outset
property may be specified as one, two, three, or four values. Each value is a <length>
or <number>
. Negative values are invalid and will cause the border-image-outset
declaration to be ignored.
- If one value is specified, it applies to all four sides.
- If two values are specified, the first applies to the top and bottom and the second to the left and right.
- If three values are specified, the first applies to the top, the second to the left and right, and the third to the bottom.
- If four values are specified, they apply to the top, right, bottom, and left in that order (clockwise).