In order to access this site you need to enable JavaScript!

You are here: Reference > CSS > properties > browser specific extensions > -moz-outline-offset

-moz-outline-offset property

Browser support:


	3.6

Sets the amount of space between the outline and the border or the edge of the element.

Deprecated and the support for it has been removed in Firefox 3.6. Use the widely supported outline-offset property instead.

JavaScript page for this property: MozOutlineOffset. You can find other example(s) there.

Possible values:

One of the following values:

inherit

Takes the value of this property from the computed style of the parent element.

width in length

The width of the space in length units. For the supported length units, see the length page.

Default: 0.

Example HTML code 1:

This example illustrates the use of the -moz-outline-offset property:

<head>
    <style>
        .example {
            -moz-outline-width: 2px;
            -moz-outline-style: solid;
            -moz-outline-color: blue;
            border: 1px solid black;
            width: 200px;
        }
        .offset5px {
            -moz-outline-offset: 5px;
        }
        .offset20px {
            -moz-outline-offset: 20px;
        }
    </style>
</head>
<body>
    <div class="example offset5px">-moz-outline-offset: 5px</div>
    <br /><br /><br />
    <div class="example offset20px">-moz-outline-offset: 20px</div>
</body>