YouTip

# Style outlineOffset Property [ Style Object](#) ## Example Set the outline 15 pixels outside the border edge: document.getElementById("myDIV").style.outlineOffset="15px"; [Try it yourself »](#) * * * ## Definition and Usage The outlineOffset property offsets an outline, and draws it beyond the border edge. The outline differs from a border in two ways: * An outline does not take up space * An outline may be non-rectangular * * * ## Browser Support  The outlineOffset property is supported in all major browsers, except Internet Explorer. * * * ## Syntax Get the outlineOffset property: _object_.style.outlineOffset Set the outlineOffset property: _object_.style.outlineOffset="_length_|initial|inherit" ## Property Values | Value | Description | | --- | --- | | _length_ | The distance between the outline and the border edge. Default value is 0. | | initial | Sets this property to its default value. Read about _initial_. | | inherit | Inherits this property from its parent element. Read about _inherit_. | ## Technical Details | Default value: | 0 | | --- | | Return value: | A String, representing the outline-offset property of an element. | | CSS Version | CSS3 | * * * ## Related Articles CSS Reference: (#) * * Style Object](#)