Outline

An outline is a line that is drawn around elements, OUTSIDE the borders, to make the element "stand out".

CSS has the following outline properties:

• outline-style

  • dotted - Defines a dotted outline

  • dashed - Defines a dashed outline

  • solid - Defines a solid outline

  • double - Defines a double outline

  • groove - Defines a 3D grooved outline

  • ridge - Defines a 3D ridged outline

  • inset - Defines a 3D inset outline

  • outset - Defines a 3D outset outline

  • none - Defines no outline

  • hidden - Defines a hidden outline

• outline-color

• outline-width

• outline-offset

  • The outline-offset property adds space between an outline and the edge/border of an element. The space between an element and its outline is transparent.

    The following example specifies an outline 15px outside the border edge:

    
• outline