X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

Style outlineOffset Property

Style Object Reference Style Object

Example

Move the ouline border 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.

Outlines differ from borders in two ways:

  • Outlines do not take up space
  • Outlines may be non-rectangular

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The outlineOffset property is supported in all major browsers, except Internet Explorer.


Syntax

Return the outlineOffset property:

object.style.outlineOffset

Set the outlineOffset property:

object.style.outlineOffset="length|initial|inherit"

Property Values

Value Description
length The distance the outline is outset from 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 Pages

CSS reference: outline-offset property


Style Object Reference Style Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook