Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Revision 136093 of -moz-outline-style

  • Revision slug: CSS/-moz-outline-style
  • Revision title: -moz-outline-style
  • Revision id: 136093
  • Created:
  • Creator: DBaron
  • Is current revision? No
  • Comment /* Summary */

Revision Content

{{template.CSSMozExtensionRef()}}

Summary

In Mozilla applications, -moz-outline-style is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out:

  • Initial value: none
  • Applies to: all elements
  • Inherited: no

Starting with Mozilla 1.8 / Firefox 1.5, the standard CSS 2.1 {{template.Cssxref("outline-style")}} property is supported as well. Use of {{template.Cssxref("outline-style")}} is preferred to -moz-outline-style.

Syntax

-moz-outline-style: <style> | inherit

Values

<style>
The style of the outline. This has the same values as the {{template.Cssxref("border-style")}} property.

Related properties

Examples

hbox.example {
  /* make the outline a 3D groove style */
  -moz-outline-style: groove;
}

Revision Source

<p> 
{{template.CSSMozExtensionRef()}}
</p>
<h3 name="Summary"> Summary </h3>
<p>In Mozilla applications, <code>-moz-outline-style</code> is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out:
</p>
<ul><li> Initial value: none
</li><li> Applies to: all elements
</li><li> Inherited: no
</li></ul>
<p>Starting with Mozilla 1.8 / Firefox 1.5, the standard CSS 2.1 {{template.Cssxref("outline-style")}} property is supported as well. Use of {{template.Cssxref("outline-style")}} is preferred to <code>-moz-outline-style</code>.
</p>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">-moz-outline-style: &lt;style&gt; | inherit
</pre>
<h3 name="Values"> Values </h3>
<dl><dt> &lt;style&gt;</dt><dd> The style of the outline. This has the same values as the {{template.Cssxref("border-style")}} property.
</dd></dl>
<h3 name="Related_properties"> Related properties </h3>
<ul><li> <a href="en/CSS/-moz-outline">-moz-outline</a> sets the color, style, and width of the outline.
</li><li> <a href="en/CSS/-moz-outline-color">-moz-outline-color</a> sets the color of the outline.
</li><li> <a href="en/CSS/-moz-outline-offset">-moz-outline-offset</a> offsets the outline from the element.
</li><li> <a href="en/CSS/-moz-outline-radius">-moz-outline-radius</a> sets the rounding of the outline corners.
</li><li> <a href="en/CSS/-moz-outline-radius-bottomleft">-moz-outline-radius-bottomleft</a> sets the rounding of the bottom-left corner.
</li><li> <a href="en/CSS/-moz-outline-radius-bottomright">-moz-outline-radius-bottomright</a> sets the rounding of the bottom-right corner.
</li><li> <a href="en/CSS/-moz-outline-radius-topleft">-moz-outline-radius-topleft</a> sets the rounding of the top-left corner.
</li><li> <a href="en/CSS/-moz-outline-radius-topright">-moz-outline-radius-topright</a> sets the rounding of the top-right corner.
</li><li> <a href="en/CSS/-moz-outline-width">-moz-outline-width</a> sets the width of the outline.
</li></ul>
<h3 name="Examples"> Examples </h3>
<pre>hbox.example {
  /* make the outline a 3D groove style */
  -moz-outline-style: groove;
}
</pre>
Revert to this revision