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>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content