You are here: Reference > JavaScript > client-side > style handling > properties > browser specific extensions > MozOutlineWidth

MozOutlineWidth style property

Browser support:
Sets or retrieves the width of the outline.
Deprecated and the support for it has been removed in Firefox 3.6. Use the cross-browser outlineWidth property instead.


You can find the related objects in the Supported by objects section below.
This property is read/write.
CSS page for this property: -moz-outline-width

Possible values:

The type of this property is string.
 One of the following values: 
Takes the value of this property from the computed style of the parent element.
outline width in non-negative length
The width of the outline in length units. For the supported length units, see the length page.
Greater than the medium width.
Less than the medium width.
Default: medium.

Example HTML code 1:

This example illustrates the use of the -moz-outline-width property:
        .example {
            -moz-outline-width: 1px;
            -moz-outline-style: solid;
            -moz-outline-color: blue;
    <div class="example">Outline: 1px solid blue</div>
Did you find this example helpful? yes no

Example HTML code 2:

This example illustrates the use of the MozOutlineWidth property in JavaScript:
    <script type="text/javascript">
        function ChangeOutlineWidth (selectTag) {
            // Returns the index of the selected option
            var whichSelected = selectTag.selectedIndex;

            // Returns the text of the selected option
            var width = selectTag.options[whichSelected].text;

            var div = document.getElementById ("myDiv");

            if ('MozOutlineWidth' in {
       = width + "px";
            } else {
                alert ("Your browser doesn't support this example!");
    <div id="myDiv" style="-moz-outline: 4px solid blue;">
        Change outline width

    <br /><br /><br />

    <select onchange="ChangeOutlineWidth (this);" size="8">
        <option />1px
        <option />2px
        <option selected="selected" />4px
        <option />6px
        <option />8px
        <option />10px
        <option />15px
        <option />25px
Did you find this example helpful? yes no

Supported by objects:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content