mozilla
Your Search Results

    border-image-outset

    Summary

    The border-image-outset property describes by what amount the border image area extends beyond the border box.

    Syntax

    /* 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;
    

    Values

    sides
    Is a <length> or a <number> of the amount by which the border image area extends beyond the border box in all four directions.
    horizontal
    Is a <length> or a <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 <length> or a <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 <length> or a <number> of the amount by which the border image area extends beyond the border box past its top edge.
    bottom
    Is a <length> or a <number> of the amount by which the border image area extends beyond the border box past its bottom edge.
    right
    Is a <length> or a <number> of the amount by which the border image area extends beyond the border box past its right edge.
    left
    Is a <length> or a <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.

    Formal syntax

    [ <length> | <number> ]{1,4}

    Specifications

    Specification Status Comment
    CSS Backgrounds and Borders Module Level 3
    The definition of 'border-image-outset' in that specification.
    Candidate Recommendation Initial specification

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support 15.0 15.0 (15.0) 11 15 6
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support ? 15.0 (15.0) Not supported ? ?

    See also