Outline CSS

Outline is line that's drawn around components, Exterior the borders, to form the component "stand out".

CSS has the taking after diagram properties:

• •        outline-style
  •       outline-color
  •        outline-width
  •        outline-offset

CSS Outline Style

 

The outline-style property indicates the fashion of the diagram, and can have one of the taking values:

 

A dotted outline.

A dashed outline.

A solid outline.

A double outline.

A groove outline. The effect depends on the outline-color value.

A ridge outline. The effect depends on the outline-color value.

An inset outline. The effect depends on the outline-color value.

An outset outline. The effect depends on the outline-color value.

 

Example

Show of the layout styles:

• •          .dotted {outline-style: dotted;}
  •          .dashed {outline-style: dashed;}
  •          .solid {outline-style: solid;}
  •          .double {outline-style: double;}
  •          .groove {outline-style: groove;}
  •          .ridge {outline-style: ridge;}
  •          .inset {outline-style: inset;}
  •          .outset {outline-style: outset;}