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

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

-moz-outline-color property

Browser support:


	3.6

Sets the color of the outline.

Deprecated and the support for it has been removed in Firefox 3.6. Use the cross-browser outline-color property instead.

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

Possible values:

One of the following values:

color

Color of the outline. For the supported color values, see the colors page.

inherit

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

invert

Inverts the color of the outline to the opposite value of the color under the outline to ensure proper contrast.

Default: invert.

Example HTML code 1:

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

<head>
    <style>
        .example {
            -moz-outline-width: 2px;
            -moz-outline-style: solid;
            -moz-outline-color: blue;

            border-width: 1px;
            border-style: solid;
            border-color: red;
        }
    </style>
</head>
<body>
    <div class="example">Outline: 2px solid blue</div>
</body>