CSS Outline Example

Draw the border outside the element's

There are following outline properties that is.

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

outline-style property provides following outline Values that is.

• dotted
• dashed
• solid
• double
• groove
• ridge
• inset
• outset
• none
• hidden

Example:-

Result:

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.