Skip to main content

Visit Mozilla.org

CSS:outline-style

From MDC

« CSS Reference « CSS Reference:Mozilla Extensions

[edit] Summary

In Mozilla applications, 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:

On Mozilla browsers prior to Gecko 1.8 (Firefox 1.5) webdeveloper could archive same effect by using Mozilla CSS Extension -moz-outline-style.

[edit] Syntax 

outline-style: <style> | inherit

[edit] Values

<style> can be any of the following:

none
No outline (outline-width is 0).
dotted
The outline is a series of dots.
dashed
The outline is a series of short line segments.
solid
The outline is a single line.
double
The outline is two single lines. The outline-width is the sum of the two lines and the space between them.
groove
The outline looks as though it were carved into the canvas.
ridge
The opposite of groove: the outline looks as though it were coming out of the canvas.
inset
The outline makes the box look as though it were embeded in the canvas.
outset
The opposite of inset: the outline makes the box look as though it were coming out of the canvas.


[edit] Examples 

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

[edit] Specifications

[edit] See also

outline, outline-width, outline-style, outline-color, outline-offset, -moz-outline, -moz-outline-color, -moz-outline-radius, -moz-outline-radius-topleft ,-moz-outline-radius-topright, -moz-outline-radius-bottomleft, -moz-outline-radius-bottomright, -moz-outline-style, -moz-outline-width, -moz-outline-offset

Retrieved from "http://developer.mozilla.org/en/docs/CSS:outline-style"