The outline-offset property is used in CSS and certain HTML elements. It is used to set space between an outline and the edge or border of an element. An outline is a line that is drawn around elements, outside the border edge. The space will be transparent (the parent will determine the background).


Value Description
<length> The width of the space. Negative values place the outline inside the element. Examples of lengths are: pt, px, em, etc.

HTML example:

<span style="outline:medium ridge white; border:thin solid white; outline-offset:5px;">QWERTY</span>

That produces: QWERTY

CSS example:

h1 {
    outline:medium ridge white;
    border:thin solid white;

See Also

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.